Преобразование массива в объект в JavaScript

Kushank Singh 30 Январь 2023 3 Июль 2021
  1. Используйте метод object.assign() для преобразования массива в объект в JavaScript
  2. Используйте метод array.reduce() для преобразования массива в объект в JavaScript
  3. Использование оператора Spread для преобразования массива в объект в JavaScript
Преобразование массива в объект в JavaScript

Массивы и объекты считаются очень важными в JavaScript. Оба являются изменяемыми и могут хранить некоторые значения в JavaScript.

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

Как правило, при больших объемах данных использовать объекты быстрее.

В этом руководстве мы узнаем, как преобразовать массив в объект в JavaScript.

Используйте метод object.assign() для преобразования массива в объект в JavaScript

Метод assign() может итеративно считывать свойства одного или нескольких объектов в целевой объект. Возвращает целевой объект.

Проверьте код ниже.

const array = ['foo', 'boo', 'zoo'];
const obj = Object.assign({}, array);
console.log(obj)

Выход:

{0: "foo", 1: "boo", 2: "zoo"}

Используйте метод array.reduce() для преобразования массива в объект в JavaScript

Метод reduce() может применять функцию (которую вы предоставляете) к каждому элементу массива. Он возвращает одно выходное значение.

Мы можем использовать его для необходимого преобразования.

Например,

const array = ['foo', 'boo', 'zoo']
array.reduce(function(target, key, index) {
  target[index] = key;
  return target;
}, {}) //initial empty object

Выход:

{0: "foo", 1: "boo", 2: "zoo"}

Использование оператора Spread для преобразования массива в объект в JavaScript

В JavaScript оператор распространения (...) может распаковывать все элементы массива. Мы можем использовать его для преобразования массива в объект.

Например,

const arr = ["foo", "boo", "zoo"];
const obj = {...arr};
console.log(obj);

Выход:

{0: "foo", 1: "boo", 2: "zoo"}

Сопутствующая статья - JavaScript Array

Сопутствующая статья - JavaScript Object