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',
}
]
怎么通过JSES5或者ES6实现这样的效果，将数组中的每个对象的Id取出来，产生新的数组，希望是一行代码实现的！
['2907b0bd62854de997b0b6619a662462','58faae476d294098a404baf4737260ad','5dd37912524c48c8b7d6b2ed2de59af6']
产生新的字符串：
'2907b0bd62854de997b0b6619a662462,58faae476d294098a404baf4737260ad,5dd37912524c48c8b7d6b2ed2de59af6'

Answer 1

用map即可。letarr=[{id:1},{id:2},{id:3}];letresult=arr.map(v=>v.id);letresult2=arr.map(v=>v.id).join();console.log(result,result2);//[1,2,3]'1,2,3'另外推荐一篇数组API的好文章。【深度长文】JavaScript数组所有API全解密