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全解密