JavaScript предоставляет несколько удобных методов, которые позволяют нам извлекать пары значений из массива объектов. В этой статье мы рассмотрим различные подходы, используя разговорный язык и примеры кода. Независимо от того, являетесь ли вы новичком или опытным разработчиком, это руководство поможет вам понять и эффективно реализовать эти методы.

Охватываемые методы:

1. Метод forEach():
   Этот метод позволяет нам перебирать каждый объект в массиве и получать доступ к его парам ключ-значение индивидуально. Мы можем выполнить нужные операции или сохранить пары в новом массиве для дальнейшего использования. Вот пример:

   const array = [{ key1: 'value1' }, { key2: 'value2' }, { key3: 'value3' }];
   const pairs = [];
   array.forEach(obj => {
    for (const key in obj) {
      pairs.push({ key, value: obj[key] });
    }
   });
   console.log(pairs);

2. Метод Map():
   Метод map()создает новый массив, выполняя предоставленную функцию для каждого объекта в исходном массиве. Мы можем использовать этот метод для преобразования объектов в пары объектов «ключ-значение». Вот пример:

   const array = [{ key1: 'value1' }, { key2: 'value2' }, { key3: 'value3' }];
   const pairs = array.map(obj => {
    const [key, value] = Object.entries(obj)[0];
    return { key, value };
   });
   console.log(pairs);

Метод

3. reduce():
   Метод reduce()сводит массив к одному значению, позволяя нам накапливать пары объектов «ключ-значение». Этот метод особенно полезен, когда нам нужно выполнить сложные операции с массивом. Вот пример:

   const array = [{ key1: 'value1' }, { key2: 'value2' }, { key3: 'value3' }];
   const pairs = array.reduce((accumulator, obj) => {
    const [key, value] = Object.entries(obj)[0];
    return [...accumulator, { key, value }];
   }, []);
   console.log(pairs);

4. Метод FlatMap():
   Метод flatMap(), представленный в ECMAScript 2019, одновременно выравнивает и отображает массив, что позволяет нам извлекать пары объектов «ключ-значение». Он объединяет возвращаемые массивы в один массив. Вот пример:

   const array = [{ key1: 'value1' }, { key2: 'value2' }, { key3: 'value3' }];
   const pairs = array.flatMap(obj => {
    const [key, value] = Object.entries(obj)[0];
    return { key, value };
   });
   console.log(pairs);