Jak mogę wyodrębnić wartości właściwości obiektu JavaScript do tablicy?

Question

Biorąc obiektu JavaScript:

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

Jak efektywnie wydobyć wewnętrzne obiektów do tablicy? Nie muszę utrzymywać uchwytu na identyfikatorach obiektu [n].

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

Answer 1

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

Answer 2

Zakładając, że DataObject definiuje sposób określony, to zrobić:

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

i kończy się po DataArray wypełniane wewnętrznych obiektów.

Answer 3

z jQuery, można zrobić to w ten sposób -

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

Demo

Answer 4

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

Answer 5

Korzystanie underscore:

var dataArray = _.values(dataObject); 

Answer 6

Może nieco rozwlekły, ale solidna i szybka

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

Answer 7

wersja ES6:

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

Answer 8

W przypadku korzystania D3. można zrobić d3.values(dataObject) które dadzą

Answer 9

[Okazuje się, że moja odpowiedź jest podobna do @Anonymous, ale trzymam moją odpowiedź tutaj, ponieważ wyjaśnia, w jaki sposób mam moją odpowiedź].

Oryginalny obiekt ma TRZY właściwości (tj. 3 klucze i 3 wartości). Sugeruje to, że powinniśmy używać Object.keys(), aby przekształcić ją w tablicę z 3 wartościami.

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

Mamy teraz 3 wartości, ale nie 3 wartości, których szukamy. To sugeruje, że powinniśmy użyć 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

Korzystanie the accepted answer i wiedząc, że Object.values() proponuje w ECMAScript 2017 Draft można rozszerzyć Object metodą:

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 11

ES2017:

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

 
var valuesOnly = Object.values(dataObject); 
 

 
console.log(valuesOnly)