¿Cómo podría extraer los valores de propiedad de un objeto de JavaScript en una matriz?

Question

dado un objeto JavaScript:

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

¿Cómo eficiente extraer los objetos internos en una matriz? No necesito mantener un identificador en el objeto [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

Asumiendo que su dataObject se define la forma en que ha especificado, esto se hace:

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

Y al final tener dataArray rellena con objetos internos.

Answer 3

con jQuery, puede hacerlo de esta manera -

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

Demo

Answer 4

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

Answer 5

Usando underscore:

var dataArray = _.values(dataObject); 

Answer 6

Tal vez un poco prolijo, pero robusto y rápido

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

Answer 7

versión ES6:

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

Answer 8

En caso de que utilice d3. que puede hacer d3.values(dataObject) que dará

Answer 9

[Resulta que mi respuesta es similar a @Anonymous, pero sigo mi respuesta aquí, ya que explica cómo llegué a mi respuesta].

El objeto original tiene TRES propiedades (es decir, 3 teclas y 3 valores). Esto sugiere que deberíamos usar Object.keys() para transformarlo en una matriz con 3 valores.

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

Ahora tenemos 3 valores, pero no los 3 valores que buscamos. Entonces, esto sugiere que deberíamos usar 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

Usando the accepted answer y sabiendo que Object.values() se propone en ECMAScript 2017 Draft puede extender objetos con el método:

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)