Comment convertir un tableau en un objet et manipuler les propriétés d'un objet

Array à l'objet: comment manipuler les propriétés d'un objet

Dans le développement de PHP ou JavaScript, les tableaux et les objets sont les structures de données les plus couramment utilisées. Dans certains cas, il peut être nécessaire de convertir un tableau en objet, ce qui facilite la manipulation de ses propriétés. Cet article présentera comment convertir les tableaux en objets et fournira des méthodes de fonctionnement d'attribut communes.

Convertir le tableau en objet

Pour convertir un tableau en un objet, vous pouvez utiliser la méthode objet.assign () dans JavaScript. Cette méthode accepte deux paramètres: l'objet cible et l'objet source. Après avoir passé le tableau à object.assign () , il utilisera la valeur d'index du tableau comme nom d'attribut et la valeur du tableau comme valeur d'attribut pour créer un nouvel objet.

 const arr = ['foo', 'bar', 'baz'];
const obj = Object.assign({}, arr);
console.log(obj); // Sortir：{0: 'foo', 1: 'bar', 2: 'baz'}

Le code ci-dessus convertit chaque élément dans le tableau en attributs de l'objet dans l'ordre d'index, et les attributs du nouvel objet OBJ sont nommés l'index du tableau.

Propriétés de l'objet d'opération

Après avoir converti un tableau en un objet, vous pouvez utiliser la syntaxe DOT ou la syntaxe du support carré pour accéder aux propriétés de l'objet. Par exemple:

 console.log(obj[0]); // Sortir：foo
console.log(obj['1']); // Sortir：bar

De même, vous pouvez modifier la valeur de propriété d'un objet via l'opérateur d'affectation:

 obj[2] = 'qux';
console.log(obj); // Sortir：{0: 'foo', 1: 'bar', 2: 'qux'}

Cela facilite la mise à jour du contenu de l'objet.

Scénarios d'application pratiques

La conversion des tableaux en objets peut fonctionner dans une variété de scénarios, et ce qui suit est plusieurs scénarios d'utilisation courants:

• Convertissez les données de tableau renvoyées du serveur en objets pour faciliter le traitement des données par le client.
• Stockez les éléments de données sous le formulaire en tant qu'objets pour une gestion et une soumission unifiées faciles.
• Convertissez les listes de données dynamiques en objets pour générer rapidement des UIS dynamiques.

Résumer

Après avoir converti un tableau en un objet en utilisant la méthode object.assign () , nous pouvons facilement accéder et manipuler les propriétés de la syntaxe ponctuelle de l'objet via Point ou du support carré. Cette transformation est très utile dans le développement réel et peut nous aider à traiter efficacement les données.