欢迎您访问 最编程 本站为您分享编程语言代码,编程技术文章!
您现在的位置是: 首页

JS 对象与数组的相互转换:深入全面讲解--数组转换为对象

最编程 2024-10-05 12:13:49
...

数组转换为对象通常涉及将数组元素转换为对象的属性名和属性值。以下是几种常见的方法:

1. 使用Object.fromEntries()

Object.fromEntries()方法将键值对列表(或其他可迭代对象,其元素是两个元素的键值对)转换为一个对象。

const arr = [['id', 1], ['value', '值']];
const obj = Object.fromEntries(arr);
console.log(obj); // { id: 1, value: '值' }

2. 使用reduce()方法

reduce()方法可以对数组中的每个元素执行一个由提供的函数实现的累积器,将其结果汇总为单个值。我们可以使用这个方法将数组转换为对象。

const arr = [['id', 1], ['value', '值']];
const obj = arr.reduce((acc, [key, value]) => {
  acc[key] = value;
  return acc;
}, {});
console.log(obj); // { id: 1, value: '值' }

3. 使用for...of循环

for...of循环用于遍历可迭代对象(包括数组)。在循环中,我们可以使用对象的属性赋值语法将数组元素转换为对象的属性。

const arr = [['id', 1], ['value', '值']];
const obj = {};
for (let [key, value] of arr) {
  obj[key] = value;
}
console.log(obj); // { id: 1, value: '值' }