Convertir un tableau en objet

Question

Quelle est la meilleure façon de convertir :

['a','b','c']

à :

{
  0: 'a',
  1: 'b',
  2: 'c'
}

Answer 1

Avec une fonction comme celle-ci :

function toObject(arr) {
  var rv = {};
  for (var i = 0; i < arr.length; ++i)
    rv[i] = arr[i];
  return rv;
}

Votre tableau est déjà plus ou moins un objet, mais les tableaux ont un comportement "intéressant" et spécial en ce qui concerne les propriétés nommées par des entiers. L'exemple ci-dessus vous donnera un objet ordinaire.

modifier oh, il faut aussi tenir compte des "trous" dans le réseau :

function toObject(arr) {
  var rv = {};
  for (var i = 0; i < arr.length; ++i)
    if (arr[i] !== undefined) rv[i] = arr[i];
  return rv;
}

Dans les moteurs d'exécution JavaScript modernes, vous pouvez utiliser la fonction .reduce() méthode :

var obj = arr.reduce(function(acc, cur, i) {
  acc[i] = cur;
  return acc;
}, {});

Cette méthode permet également d'éviter les "trous" dans le tableau, car c'est ainsi que .reduce() travaux.

Answer 2

Vous pourriez utiliser un accumulateur alias reduce .

['a','b','c'].reduce(function(result, item, index, array) {
  result[index] = item; //a, b, c
  return result;
}, {}) //watch out the empty {}, which is passed as "result"

Passer un objet vide {} comme point de départ ; puis "augmenter" cet objet de manière incrémentielle. A la fin des itérations, result sera {"0": "a", "1": "b", "2": "c"}

Si votre tableau est un ensemble d'objets de type paire clé-valeur :

[{ a: 1},{ b: 2},{ c: 3}].reduce(function(result, item) {
  var key = Object.keys(item)[0]; //first property: a, b, c
  result[key] = item[key];
  return result;
}, {});

produira : {a: 1, b: 2, c: 3}

Dans un souci d'exhaustivité, reduceRight vous permet d'itérer sur votre tableau dans l'ordre inverse :

[{ a: 1},{ b: 2},{ c: 3}].reduceRight(/* same implementation as above */)

produira : {c:3, b:2, a:1}

Votre accumulateur peut être de n'importe quel type pour votre usage spécifique. Par exemple, pour échanger la clé et la valeur de votre objet dans un tableau, passez la commande [] :

[{ a: 1},{ b: 2},{ c: 3}].reduce(function(result, item, index) {
  var key = Object.keys(item)[0]; //first property: a, b, c
  var value = item[key];
  var obj = {};
  obj[value] = key;
  result.push(obj);
  return result;
}, []); //an empty array

produira : [{1: "a"}, {2: "b"}, {3: "c"}]

Contrairement à map , reduce ne peut pas être utilisé comme un mapping 1-1. Vous avez un contrôle total sur les éléments que vous souhaitez inclure ou exclure. Par conséquent, reduce vous permet de réaliser ce que filter fait, ce qui rend reduce très polyvalent :

[{ a: 1},{ b: 2},{ c: 3}].reduce(function(result, item, index) {
  if(index !== 0) { //skip the first item
    result.push(item);
  }
  return result;
}, []); //an empty array

produira : [{2: "b"}, {3: "c"}]

Attention : reduce et Object.key font partie de ECMA 5th edition ; vous devriez fournir un polyfill pour les navigateurs qui ne les prennent pas en charge (notamment IE8).

Voir une implémentation par défaut par Mozilla .

Answer 3

Si vous utilisez Jquery :

$.extend({}, ['a', 'b', 'c']);

Answer 4

Je l'écrirais probablement de cette façon (car il est très rare que je n'aie pas la bibliothèque underscorejs à portée de main) :

var _ = require('underscore');

var a = [ 'a', 'b', 'c' ];
var obj = _.extend({}, a);
console.log(obj);
// prints { '0': 'a', '1': 'b', '2': 'c' }

Answer 5

Rapide et sale #2 :

var i = 0
  , s = {}
  , a = ['A', 'B', 'C'];

while( i < a.length ) { s[i] = a[i++] };