在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ js ES6 怎么優(yōu)雅的實現(xiàn)從數(shù)組中的對象取值并返回新的數(shù)組

js ES6 怎么優(yōu)雅的實現(xiàn)從數(shù)組中的對象取值并返回新的數(shù)組

有這樣的一個數(shù)組：

[
  {
    'Id': '2907b0bd62854de997b0b6619a662462',
    'PushSource': 'T_Resources',
    'Name': '3-化學(xué)雛形-2.png',
  },
  {
    'Id': '58faae476d294098a404baf4737260ad',
    'PushSource': 'T_Resources',
    'Name': '4-近現(xiàn)代藥物-1.png',
  },
  {
    'Id': '5dd37912524c48c8b7d6b2ed2de59af6',
    'PushSource': 'T_Resources',
    'Name': '4-近現(xiàn)代藥物-2.png',
  }
]

怎么通過JS ES5 或者 ES6 實現(xiàn)這樣的效果，
將數(shù)組中的每個對象的Id取出來，產(chǎn)生新的數(shù)組，希望是一行代碼實現(xiàn)的！

['2907b0bd62854de997b0b6619a662462','58faae476d294098a404baf4737260ad','5dd37912524c48c8b7d6b2ed2de59af6']

產(chǎn)生新的字符串：

'2907b0bd62854de997b0b6619a662462,58faae476d294098a404baf4737260ad,5dd37912524c48c8b7d6b2ed2de59af6'
回答
編輯回答
巫婆

arr.map(v=>v.id)

2018年4月24日 23:00
編輯回答
柒喵

用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'

另外推薦一篇數(shù)組API的好文章。【深度長文】JavaScript數(shù)組所有API全解密

2017年1月22日 18:59
編輯回答
無標(biāo)題
var arr = [
  {
    'Id': '2907b0bd62854de997b0b6619a662462',
    'PushSource': 'T_Resources',
    'Name': '3-化學(xué)雛形-2.png',
  },
  {
    'Id': '58faae476d294098a404baf4737260ad',
    'PushSource': 'T_Resources',
    'Name': '4-近現(xiàn)代藥物-1.png',
  },
  {
    'Id': '5dd37912524c48c8b7d6b2ed2de59af6',
    'PushSource': 'T_Resources',
    'Name': '4-近現(xiàn)代藥物-2.png',
  }
];
// 生成數(shù)組
arr.map(v => {return v.Id})
// 生成字符串
arr.map(v => {return v.Id}).join()
2017年11月17日 19:12
編輯回答
法克魷
const data = [
  {
    'Id': '2907b0bd62854de997b0b6619a662462',
    'PushSource': 'T_Resources',
    'Name': '3-化學(xué)雛形-2.png',
  },
  {
    'Id': '58faae476d294098a404baf4737260ad',
    'PushSource': 'T_Resources',
    'Name': '4-近現(xiàn)代藥物-1.png',
  },
  {
    'Id': '5dd37912524c48c8b7d6b2ed2de59af6',
    'PushSource': 'T_Resources',
    'Name': '4-近現(xiàn)代藥物-2.png',
  }
]
console.log(data.map(item => item.Id))
console.log(data.map(item => item.Id).join(','))
2017年12月23日 09:53