Convertir un tableau en objet en JavaScript

Les tableaux et les objets sont considérés comme très importants en JavaScript. Les deux sont modifiables et peuvent stocker certaines valeurs en JavaScript.

Nous utilisons des tableaux lorsque nous stockons plusieurs valeurs dans une seule variable, alors qu’un objet peut contenir plusieurs variables avec leurs valeurs.

Généralement, il est plus rapide d’utiliser des objets tout en ayant de grandes quantités de données.

Dans ce tutoriel, nous allons apprendre à convertir un tableau en objet en JavaScript.

Utilisez la méthode object.assign() pour convertir un tableau en objet en JavaScript

La méthode assign() peut lire de manière itérative les propriétés d’un ou plusieurs objets vers un objet cible. Il renvoie l’objet cible.

Vérifiez le code ci-dessous.

const array = ['foo', 'boo', 'zoo'];
const obj = Object.assign({}, array);
console.log(obj)

Production:

{ 0: 'foo', 1: 'boo', 2: 'zoo' }

Utilisez la méthode array.reduce() pour convertir un tableau en objet en JavaScript

La méthode reduce() peut appliquer une fonction (que vous fournissez) sur chaque élément d’un tableau. Il renvoie une seule valeur de sortie.

Nous pouvons l’utiliser pour faire la conversion nécessaire.

Par example,

const array = ['foo', 'boo', 'zoo']
array.reduce(function(target, key, index) {
  target[index] = key;
  return target;
}, {})  // initial empty object

Production:

{ 0: 'foo', 1: 'boo', 2: 'zoo' }

Utiliser l’opérateur Spread pour convertir un tableau en objet en JavaScript

En JavaScript, l’opérateur spread (...) peut décompresser tous les éléments du tableau. Nous pouvons l’utiliser pour convertir un tableau en objet.

Par example,

const arr = ['foo', 'boo', 'zoo'];
const obj = {...arr};
console.log(obj);

Production:

{0: "foo", 1: "boo", 2: "zoo"}