Maison  >  Article  >  interface Web  >  Comment définir dynamiquement des clés dans des objets JavaScript ?

Comment définir dynamiquement des clés dans des objets JavaScript ?

Susan Sarandon
Susan Sarandonoriginal
2024-11-05 08:10:02781parcourir

How to Dynamically Set Keys in JavaScript Objects?

Comment créer une clé dynamique pour une variable d'objet JavaScript

Lors de la tentative de création d'une clé dynamique pour un objet JavaScript, en utilisant cette syntaxe

jsObj{ 'clé' i} = 'exemple' 1;
ne fonctionnera pas. L'approche correcte utilise des crochets :

<code class="js">jsObj['key' + i] = 'example' + 1;</code>

En JavaScript, les tableaux sont un type d'objet spécialisé, la distinction étant qu'ils conservent une propriété de longueur qui reflète le nombre de propriétés numériques (indices) plus une. Ce comportement spécial n'est pas imité par les objets standard, mais l'opérateur crochet fonctionne de la même manière sur les deux types.

Pour définir une propriété avec une clé numérique sur une instance de tableau, la propriété length sera automatiquement mise à jour pour refléter le la plus grande touche numérique. Cependant, pour un objet simple, aucune mise à jour de ce type ne se produit.

Il est important de noter que la sérialisation d'une instance de tableau en JSON n'inclut que les propriétés nommées numériquement, à l'exclusion de toutes les autres.

Dans ES6, vous pouvez utiliser les noms de propriétés calculés pour une syntaxe plus concise :

<code class="js">var key = 'DYNAMIC_KEY',
    obj = {
        [key]: 'ES6!'
    };</code>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn