js ES6 怎么优雅的实现从数组中的对象取值并返回新的数组

Question

有这样的一个数组：[  {    'Id': '2907b0bd62854de997b0b6619a662462',    'PushSource': 'T_Resources',    'Name': '3-化学雏形-2.png',  },  {    'Id': '58faae476d294098a404baf4737260ad',    'PushSource': 'T_Resources',    'Name': '4-近现代药物-1.png',  },  {    'Id': '5dd37912524c48c8b7d6b2ed2de59af6',    'PushSource': 'T_Resources',    'Name': '4-近现代药物-2.png',  }]怎么通过JS ES5 或者 ES6 实现这样的效果，将数组中的每个对象的Id取出来，产生新的数组，希望是一行代码实现的！['2907b0bd62854de997b0b6619a662462','58faae476d294098a404baf4737260ad','5dd37912524c48c8b7d6b2ed2de59af6']产生新的字符串：'2907b0bd62854de997b0b6619a662462,58faae476d294098a404baf4737260ad,5dd37912524c48c8b7d6b2ed2de59af6'

Answer 1

用map即可。

let arr = [{id: 1},{id: 2},{id: 3}];

let result = arr.map(v => v.id);

let result2 = arr.map(v => v.id).join();

console.log(result, result2); // [1, 2, 3] '1,2,3'

另外推荐一篇数组API的好文章。【深度长文】JavaScript数组所有API全解密