tablas - recorrer array de objetos javascript

Convertir un objeto JS en una matriz usando jQuery

Question

Mi aplicación crea un objeto JavaScript, como el siguiente:

myObj= {1:[Array-Data], 2:[Array-Data]}

Pero necesito este objeto como una matriz.

array[1]:[Array-Data]
array[2]:[Array-Data]

Así que traté de convertir este objeto en una matriz mediante la iteración con $.each través del objeto y agregando el elemento a una matriz:

x=[]
$.each(myObj, function(i,n) {
x.push(n);});

¿Hay una mejor manera de convertir un objeto en una matriz o tal vez una función?

Answer 1

¿Qué hay de jQuery.makeArray(obj)

Así es como lo hice en mi aplicación.

Answer 2

Creo que se puede usar for in pero se comprueba si la propiedad no está inerithed

myObj= {1:[Array-Data], 2:[Array-Data]}
var arr =[];
for( var i in myObj ) {
if (myObj.hasOwnProperty(i)){
arr.push(myObj[i]);
}
}

EDITAR: si lo desea, también puede mantener los índices de su objeto, pero debe verificar si son numéricos (y obtiene valores no definidos para los índices faltantes).

function isNumber(n) {
return !isNaN(parseFloat(n)) && isFinite(n);
}
myObj= {1:[1,2], 2:[3,4]}
var arr =[];
for( var i in myObj ) {
if (myObj.hasOwnProperty(i)){
if (isNumber(i)){
arr[i] = myObj[i];
}else{
arr.push(myObj[i]);
}
}
}

Answer 3

Dado que ES5 Object.keys () devuelve una matriz que contiene las propiedades definidas directamente en un objeto (excluyendo las propiedades definidas en la cadena del prototipo):

Object.keys(yourObject).map(function(key){ return yourObject[key] });

ES6 lo lleva un paso más allá con las funciones de flecha:

Object.keys(yourObject).map(key => yourObject[key]);

Answer 4

Después de algunas pruebas, aquí hay un objeto general para convertir la función de matriz:

Tienes el objeto:

var obj = {
some_key_1: "some_value_1"
some_key_2: "some_value_2"
};

La función:

function ObjectToArray(o)
{
var k = Object.getOwnPropertyNames(o);
var v = Object.values(o);
var c = function(l)
{
this.k = [];
this.v = [];
this.length = l;
};
var r = new c(k.length);
for (var i = 0; i < k.length; i++)
{
r.k[i] = k[i];
r.v[i] = v[i];
}
return r;
}

Función de uso:

var arr = ObjectToArray(obj);

Usted obtiene:

arr {
key: [
"some_key_1",
"some_key_2"
],
value: [
"some_value_1",
"some_value_2"
],
length: 2
}

Entonces puedes alcanzar todas las claves y valores como:

for (var i = 0; i < arr.length; i++)
{
console.log(arr.key[i] + " = " + arr.value[i]);
}

Resultado en consola:

some_key_1 = some_value_1
some_key_2 = some_value_2

Editar:

O en forma de prototipo:

Object.prototype.objectToArray = function()
{
if (
typeof this != ''object'' ||
typeof this.length != "undefined"
) {
return false;
}
var k = Object.getOwnPropertyNames(this);
var v = Object.values(this);
var c = function(l)
{
this.k = [];
this.v = [];
this.length = l;
};
var r = new c(k.length);
for (var i = 0; i < k.length; i++)
{
r.k[i] = k[i];
r.v[i] = v[i];
}
return r;
};

Y luego usar como

console.log(obj.objectToArray);

Answer 5

El mejor método sería usar una función javascript -only:

var myArr = Array.prototype.slice.call(myObj, 0);

Answer 6

Hice una función personalizada:

 Object.prototype.toArray=function(){
var arr=new Array();
for( var i in this ) {
if (this.hasOwnProperty(i)){
arr.push(this[i]);
}
}
return arr;
};

Answer 7

Hoy en día, hay una forma simple de hacer esto: Object.values ​​() .

var myObj = {
1: [1, 2, 3],
2: [4, 5, 6]
};
console.log(Object.values(myObj));

Salida:

[[1, 2, 3], [4, 5, 6]]

Esto no requiere jQuery, se ha definido en ECMAScript 2017.
Es compatible con todos los navegadores modernos (olvide IE).

Answer 8

La resolución es muy sencilla.

var my_obj = {1:[Array-Data], 2:[Array-Data]}
Object.keys(my_obj).map(function(property_name){
return my_obj[property_name];
});

Answer 9

Puede crear una función simple para hacer la conversión de object a array , algo como esto puede hacer el trabajo por usted usando javascript puro:

var objectToArray = function(obj) {
var arr = [];
if (''object'' !== typeof obj || ''undefined'' === typeof obj || Array.isArray(obj)) {
return obj;
} else {
Object.keys(obj).map(x=>arr.push(obj[x]));
}
return arr;
};

o este:

var objectToArray = function(obj) {
var arr =[];
for(let o in obj) {
if (obj.hasOwnProperty(o)) {
arr.push(obj[o]);
}
}
return arr;
};

y llamar y usar la función de la siguiente manera:

var obj = {1:''a'', 2:''b'', 3:''c'', 4:''d'', 5:''e''};
objectToArray(obj); // return ["a", "b", "c", "d", "e"]

También en el futuro tendremos algo llamado Object.values(obj) , similar a Object.keys(obj) que devolverá todas las propiedades para usted como una matriz, pero aún no es compatible con muchos navegadores ...

Answer 10

Si buscas un enfoque funcional:

var obj = {1: 11, 2: 22};
var arr = Object.keys(obj).map(function (key) { return obj[key]; });

Resultados en:

[11, 22]

Lo mismo con una función de flecha ES6:

Object.keys(obj).map(key => obj[key])

Con ES7 podrá usar Object.values en Object.values lugar ( más información ):

var arr = Object.values(obj);

O si ya está usando Underscore / Lo-Dash:

var arr = _.values(obj)

Answer 11

Si conoce el índice máximo en su objeto, puede hacer lo siguiente:

var myObj = {
1: [''c'', ''d''],
2: [''a'', ''b'']
},
myArr;
myObj.length = 3; //max index + 1
myArr = Array.prototype.slice.apply(myObj);
console.log(myArr); //[undefined, [''c'', ''d''], [''a'', ''b'']]

Answer 12

Si desea mantener el nombre de las propiedades del objeto como valores. Ejemplo:

var fields = {
Name: { type: ''string'', maxLength: 50 },
Age: { type: ''number'', minValue: 0 }
}

Use Object.keys() , Array.map() y Object.assign() :

var columns = Object.keys( fields ).map( p => Object.assign( fields[p], {field:p} ) )

Resultado:

[ { field: ''Name'', type: ''string'', maxLength: 50 },
{ field: ''Age'', type: ''number'', minValue: 0 } ]

Explicación:

Object.keys() enumera todas las propiedades de la fuente; .map() aplica la función => a cada propiedad y devuelve un Array; Object.assign() combina el nombre y el valor de cada propiedad.

Answer 13

Simplemente hacer

Object.values(obj);

¡Eso es todo!

Answer 14

Demostración de violín

Extensión para responder de .

var myObj = { 1: [1, [2], 3], 2: [4, 5, [6]] }, count = 0, i; //count the JavaScript object length supporting IE < 9 also for (i in myObj) { if (myObj.hasOwnProperty(i)) { count++; } } //count = Object.keys(myObj).length;// but not support IE < 9 myObj.length = count + 1; //max index + 1 myArr = Array.prototype.slice.apply(myObj); console.log(myArr); Referencia

Array.prototype.slice()

Function.prototype.apply()

Object.prototype.hasOwnProperty()

Object.keys()

Answer 15

ECMASCRIPT 5:

Object.keys(myObj).map(function(x) { return myObj[x]; })

ECMASCRIPT 2015 o ES6:

Object.keys(myObj).map(x => myObj[x])

Answer 16

var myObj = {
1: [1, 2, 3],
2: [4, 5, 6]
};
var array = $.map(myObj, function(value, index) {
return [value];
});
console.log(array);

Salida:

[[1, 2, 3], [4, 5, 6]]

Answer 17

x = [];
for( var i in myObj ) {
x[i] = myObj[i];
}