我如何将JavaScript对象的属性值提取到数组中？

Question

给定一个JavaScript对象：

var dataObject = {
   object1: {id: 1, name: "Fred"}, 
   object2: {id: 2, name: "Wilma"}, 
   object3: {id: 3, name: "Pebbles"}
};

如何有效地将内部对象提取到数组中？我不需要在对象[n] ID上维护句柄。

var dataArray = [
    {id: 1, name: "Fred"}, 
    {id: 2, name: "Wilma"}, 
    {id: 3, name: "Pebbles"}]

Answer 1

var dataArray = Object.keys(dataObject).map(function(k){return dataObject[k]});

Answer 2

var dataArray = new Array;
for(var o in dataObject) {
    dataArray.push(dataObject[o]);
}

Answer 3

ES6版本：

var dataArray = Object.keys(dataObject).map(val => dataObject[val]);

Answer 4

使用underscore：

var dataArray = _.values(dataObject);

Answer 5

使用jQuery，你可以这样做 -

var dataArray = $.map(dataObject,function(v){
     return v;
});

Demo

Answer 6

假设您的dataObject是按照您指定的方式定义的，您可以这样做：

var dataArray = [];
for (var key in dataObject)
    dataArray.push(dataObject[key]);

最后让dataArray填充内部对象。

Answer 7

使用the accepted answer并知道Object.values()中提出了ECMAScript 2017 Draft，您可以使用方法扩展Object：

if(Object.values == null) {
    Object.values = function(obj) {
        var arr, o;
        arr = new Array();
        for(o in obj) { arr.push(obj[o]); }
        return arr;
    }
}

Answer 8

ES2017使用Object.values：

const dataObject = {
    object1: {
        id: 1,
        name: "Fred"
    },
    object2: {
        id: 2,
        name: "Wilma"
    },
    object3: {
        id: 3,
        name: "Pebbles"
    }
};

const valuesOnly = Object.values(dataObject);

console.log(valuesOnly)

Answer 9

[事实证明我的回答类似于@Anonymous，但我在这里保留了答案，因为它解释了我如何得到答案]。

原始对象具有三个属性（即3个键和3个值）。这表明我们应该使用Object.keys()将其转换为具有3个值的数组。

var dataArray = Object.keys(dataObject);
// Gives: ["object1", "object2", "object3" ]

我们现在有3个值，但不是我们追求的3个值。所以，这表明我们应该使用Array.prototype.map()。

var dataArray = Object.keys(dataObject).map(function(e) { return dataObject[e]; } );
// Gives: [{"id":1,"name":"Fred"},{"id":2,"name":"Wilma"},{"id":3,"name":"Pebbles"}]

Answer 10

可能有点冗长，但强大而快速

var result = [];
var keys = Object.keys(myObject);
for (var i = 0, len = keys.length; i < len; i++) {
    result.push(myObject[keys[i]]);
}

Answer 11

如果您使用d3。你可以d3.values(dataObject)做出

Answer 12

现在支持Object.values（）方法。这将为您提供一个对象值的数组。

Object.values(dataObject)

参考：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_objects/Object/values

Answer 13

这个为我工作

var dataArray = Object.keys(dataObject).map(function(k){return dataObject[k]});

Answer 14

我更喜欢将对象值分解为数组：

[...Object.values(dataObject)]

var dataObject = {
   object1: {id: 1, name: "Fred"}, 
   object2: {id: 2, name: "Wilma"}, 
   object3: {id: 3, name: "Pebbles"}
};

var dataArray = [...Object.values(dataObject)];