Convertir un objet JS en un tableau à l'aide de jQuery

Question

Mon application crée un objet JavaScript, comme le suivant :

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

Mais j'ai besoin de cet objet sous forme de tableau.

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

J'ai donc essayé de convertir cet objet en un tableau en itérant avec $.each à travers l'objet et en ajoutant l'élément à un tableau :

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

Existe-t-il un meilleur moyen de convertir un objet en tableau ou peut-être une fonction ?

Answer 1

Si vous recherchez une approche fonctionnelle :

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

Résultats dans :

[11, 22]

De même avec une fonction flèche ES6 :

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

Avec ES7, vous pourrez utiliser Object.values à la place ( plus d'informations ) :

var arr = Object.values(obj);

Ou si vous utilisez déjà Underscore/Lo-Dash :

var arr = _.values(obj)

Answer 2

var myObj = {
    1: [1, 2, 3],
    2: [4, 5, 6]
};

var array = $.map(myObj, function(value, index) {
    return [value];
});

console.log(array);

Sortie :

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

Answer 3

Je pense que vous pouvez utiliser for in mais en vérifiant si la propriété n'est pas inertie

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

EDIT - si vous voulez vous pouvez aussi garder les index de votre objet, mais vous devez vérifier s'ils sont numériques (et vous obtenez des valeurs indéfinies pour les index manquants :

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 4

Si vous connaissez l'indice maximal de votre objet, vous pouvez procéder comme suit :

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 5

Et si jQuery.makeArray(obj)

C'est comme ça que je l'ai fait dans mon application.