Maison > interface Web > js tutoriel > Comment ajouter des paires clé/valeur à des objets JavaScript à l'aide de la notation par points et parenthèses ?

Comment ajouter des paires clé/valeur à des objets JavaScript à l'aide de la notation par points et parenthèses ?

Linda Hamilton
Libérer: 2024-12-26 01:40:10
original
705 Les gens l'ont consulté

How Do I Add Key/Value Pairs to JavaScript Objects Using Dot and Bracket Notation?

Ajout de paires clé/valeur aux objets JavaScript

L'ajout de nouvelles propriétés à un objet JavaScript est essentiel pour manipuler et étendre ses fonctionnalités. Cet article explore deux méthodes pour y parvenir : en utilisant la notation par points et la notation entre crochets.

Utilisation de la notation par points

Cette méthode est simple lorsque vous connaissez le nom de propriété souhaité. à ajouter. La syntaxe est la suivante :

obj.propertyName = value;
Copier après la connexion

Par exemple, pour ajouter une propriété key3 de valeur value3 à l'objet obj, nous écririons :

obj.key3 = "value3";
Copier après la connexion

Utilisation de crochets Notation

Lorsque le nom de la propriété n'est pas connu à l'avance ou est déterminé dynamiquement, la notation entre crochets devient nécessaire. La syntaxe est la suivante :

obj["propertyName"] = value;
Copier après la connexion

Cette méthode est utile lors de la récupération ou de la définition de propriétés basées sur une clé de chaîne. Par exemple, le code suivant utilise une fonction pour récupérer les valeurs de propriété basées sur un nom de propriété dynamique :

var getProperty = function (propertyName) {
    return obj[propertyName];
};

console.log(getProperty("key1")); // value1
console.log(getProperty("key2")); // value2
console.log(getProperty("key3")); // value3
Copier après la connexion

Notes supplémentaires

Il est important de noter que les tableaux JavaScript peuvent également être créé en utilisant soit la notation littérale de tableau, soit la notation du constructeur Array. Le premier est préféré pour sa syntaxe concise, tandis que le second offre plus de flexibilité lorsque vous travaillez avec des tableaux en tant qu'objets.

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal