JavaScript如何遍历对象数组提取指定属性生成新字典对象

• 第一步先定义好最终要输出的字典结构，给你需要提取的a、c两个字段分别初始化为空数组
• 遍历原始的对象数组，每拿到一个数组元素，就把元素对应a、c属性的值，分别追加到字典里对应的数组末尾
• 遍历结束后得到的字典就是你预期的结构

// 原始对象数组
const myArray = [{a:1,b:1,c:1,d:1},{a:2,b:2,c:2,d:2},{a:3,b:3,c:3,d:3},{a:4,b:4,c:4,d:4}];

// 初始化目标字典
const newDict = {
  a: [],
  c: []
};

// 循环遍历原始数组填充数据
for (const item of myArray) {
  newDict.a.push(item.a);
  newDict.c.push(item.c);
}

// 打印验证结果
console.log(newDict);
// 运行输出：{ a: [ 1, 2, 3, 4 ], c: [ 1, 2, 3, 4 ] }

等你熟悉JS数组的常用方法之后，如果需要动态调整要提取的字段，不用逐行写push逻辑，可以用更简洁的写法：

const myArray = [{a:1,b:1,c:1,d:1},{a:2,b:2,c:2,d:2},{a:3,b:3,c:3,d:3},{a:4,b:4,c:4,d:4}];
// 只需要修改这个数组里的字段名，就能提取不同的属性
const needExtractKeys = ['a', 'c'];

const newDict = Object.fromEntries(
  needExtractKeys.map(key => [key, myArray.map(item => item[key])])
);

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