如何将项数组转换为对象数组？添加项时如何设置属性？

嘿，我来帮你搞定这两个JavaScript里的常见场景~

一、把项数组转换为索引键的对象数组 #

你可以用数组的map()方法轻松实现这个转换，它会遍历原数组的每个元素，返回一个符合需求的新数组：

const arrayOfItems = ['item1', 'item2', 'item3'];
// 利用map的第二个参数（元素索引），通过计算属性名生成目标对象
const arrayOfObjects = arrayOfItems.map((item, index) => ({ [index]: item }));

console.log(arrayOfObjects);
// 输出：[{0: 'item1'}, {1: 'item2'}, {2: 'item3'}]

这里的[index]是ES6的计算属性名，能动态把索引值作为对象的键，完美匹配你想要的结构。

二、添加项时立即设置附加属性 #

完全不需要先把项加到数组再转对象，直接创建包含附加属性的对象再添加到数组里就行，更高效也更直观：

情况1：直接添加新的带属性对象 #

const arrayOfObjects = [{0: 'item1'}, {1: 'item2'}];

// 直接构造带附加属性的对象，push进数组
arrayOfObjects.push({
  [arrayOfObjects.length]: 'item3', // 用当前数组长度作为新的索引键
  status: 'active',
  createdAt: new Date()
});

console.log(arrayOfObjects);
// 输出：[{0: 'item1'}, {1: 'item2'}, {2: 'item3', status: 'active', createdAt: ...}]

情况2：基于已有项创建带属性的对象 #

如果你已经有一个单独的item变量，也可以直接把它包装成带附加属性的对象再添加：

const newItem = 'item4';
arrayOfObjects.push({
  [arrayOfObjects.length]: newItem,
  category: 'tools',
  quantity: 5
});

这样操作的话，每一个新添加的元素从一开始就是带有你需要的附加属性的对象，不用再事后修改，逻辑更顺畅。

内容的提问来源于stack exchange，提问作者loleczek