在JS中将对象数组中的对象成员值提取到它们自己的数组中的干净方法

Clean way of extracting object member values from an array of objects into their own array in JS

本文关键字:数组 对象 自己的 方法 JS 成员 提取      更新时间:2023-09-26

想知道是否有一种更干净的方法可以做到这一点,然后只对每个对象进行迭代,并增量重建数组(在Javascript中)。

var myArray = [{id:10,name:'bob'},{id:30,name:'mike'},{id:40,name:'jay'},{id:50,name:'chris'},{id:60,name:'snake'}];

缩进数组输出-->[10,30,40,50,60]

map是一个高阶函数,它将函数应用于数组的每个成员,并返回结果数组。

var myArray = [{
    id: 10,
    name: 'bob'
}, {
    id: 30,
    name: 'mike'
}, {
    id: 40,
    name: 'jay'
}, {
    id: 50,
    name: 'chris'
}, {
    id: 60,
    name: 'snake'
}];
myArray.map(function (obj) {
    return obj.id;
}); // [10, 30, 40, 50, 60]

请注意,在版本9之前的IE中没有这种方法,但如果需要支持这些浏览器,可以使用polyfill。

如果您已经参考了jQuery,$.map也提供了相同的功能。我想undercore.js和类似的东西也提供了一个替代方案。