Введение в Object.fromEntries | Кодементор

Это начало года, но я уже чувствую огонь. Отличные функции прибыли в капот!

1. Что сегодня на тарелке?

Мы собираемся поговорить об Object.fromEntries, новой функции, которая была добавлена ​​в Mozilla Firefox, но также появится в Chrome 73 и Opera. Есть признаки того, что он будет поставляться в Safari, поскольку официальный статус — «В разработке». На данный момент команда Edge проявила интерес, и, надеюсь, они также собираются развивать его в будущем.

2. Кто автор предложения?

Стоит упомянуть и поддержать людей, у которых есть фантастические идеи и которые помогают сделать JavaScript лучше. Автор предложения — Дариен Майе Валентайн.

3. Какова цель функции?

Чтобы ответить на этот вопрос, мы должны вернуться в прошлое и взглянуть на функцию Object.entries. Как вы, наверное, знаете, Object.entries преобразует наш объект в массив свойств. Каждый ключ и его значение имеют отдельный массив, куда помещается исходный ключ и значение в виде отдельной записи в массиве. Если мы используем Object.fromEntries в этом массиве, он возвращает наш объект туда, где он был раньше — это основная цель и вариант использования этой функции.

4. Примеры использования.

Пример:

const obj = { name: ‘Vanessa’, age: 156, showNumber: 21 };
Object.entries(obj)  // Result: [Array(2), Array(2), Array(2)] 

Массив внутри:

0: [“name”, “Vanessa”],
1: [“age”, 156],
2: [“showNumber”, 21]

Отличный материал! С его помощью можно проделать большую работу. У нас есть Object.fromEntries, который является обратным способом превращения преобразованного объекта в массив обратно в объект. Позвольте мне показать это вам, чтобы вы могли понять это лучше.

Наш текущий массив:

0: [“name”, “Vanessa”],
1: [“age”, 156],
2: [“showNumber”, 21]

Будет преобразован Object.fromEntries в:

{ name: ‘Vanessa’, age: 156, showNumber: 21 };

Эта функция была упущена разработчиками, потому что до сих пор не было другого простого способа вернуть его в предыдущее состояние из массива. Это не единственный вариант использования; вы также можете использовать его на картах. Взгляните на пример ниже.

Пример:

const mapOne = new Map();
mapOne.set(“name”, “Vanessa”) // { “name” => “Vanessa” }
Object.fromEntries(mapOne); // { name: “Vanessa” }

5. Резюме

Этот метод — отличный способ ускорить процесс разработки, и вскоре после выхода Chrome 73 вы сможете использовать его без каких-либо полифиллов. Давайте подождем, и как только он прибудет, наслаждайтесь им.

Спасибо за чтение этого сообщения в блоге. Если вы можете поделиться этим сообщением в блоге, я был бы очень признателен.

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *