Comment créer des valeurs et des objets dynamiques en JavaScript ?
Valeur dynamique est la valeur que nous attribuons à une variable dynamique. Une variable dynamique est une variable codée en dur dans le code sans nom spécifique, et son adresse est déterminée lors de l'exécution du code. Le nom « dynamique » fait référence à une valeur qui peut être manipulée et modifiée.
Ici, nous verrons comment créer une valeur dynamique (également une partie de la valeur de l'objet) en JavaScript et modifier le nom de la variable dynamique sans accéder au groupe à l'avenir. Cela signifie que nous déclarons une variable puis que nous utilisons la même variable comme l'une des clés de l'objet et à l'avenir si nous devons changer le nom de la variable, nous pouvons la changer sans accéder à l'objet.
Pour accomplir la tâche ci-dessus, nous attribuons simplement le nom de la variable dans l'objet à l'aide de crochets [ ] comme indiqué ci-dessous -
Syntaxe
Voici la syntaxe pour créer des valeurs et des objets dynamiques -
const key = 'KeyName';
const obj = { [key] : 'value'};ici key et value sont des paires clé-valeur utilisées pour créer des objets, "obj" et keyName > sont les valeurs des clés.
Algorithme
Étape 1 - Définir les clés utilisées pour créer l'objet.
Étape 2 - Créez l'objet et utilisez les clés définies ci-dessus.
-
Étape 3 - Appliquez JSON.stringify() à l'objet créé ci-dessus pour afficher l'objet.
Exemple 1
Nous pouvons utiliser le programme HTML suivant pour afficher la déclaration des variables dynamiques.
<!DOCTYPE html>
<html>
<body>
<h2> JavaScript Dynamic values </h2>
<div id = "result"> </div>
<script>
const key1 = "Haircolour";
const key2 = "Eyecolour";
const person = {
f_name : "Rohan",
l_name :"Joshi",
[key1] : "Black",
[key2] : "Brown"
};
// Converting the object value to show its value in html
str = JSON.stringify(person);
document.getElementById("result").innerHTML = str;
// To print value of object in console
console.log(person);
</script>
</body>
</html>Donc, dans le code ci-dessus, nous pouvons voir que nous avons déclaré deux clés f_name et l_name dans l'objet sans utiliser d'accolades [] et nous utilisons des accolades pour les variables key1 et key2 car ces deux-là Chacune est une valeur dynamique .
Dans le résultat, nous pouvons voir que le nom de la variable key1 est Eyecolour et la valeur de la variable key2 est Haircolour.
Exemple 2
Voici un autre code qui nous éclairera davantage sur la façon de changer le nom d'une variable dynamique sans accéder à l'objet. Ici, nous échangeons simplement les noms de deux variables dynamiques dans le code.
<!DOCTYPE html>
<html>
<body>
<h2> JavaScript Dynamic values </h2>
<div id = "result"> </div>
<script>
const key1 = "Haircolour";
const key2 = "Eyecolour";
const person = {
f_name : "Rohan",
l_name :"Joshi",
[key1] : "Black",
[key2] : "Brown"
};
// Converting the object value to show its value in html
str = JSON.stringify(person);
document.getElementById("result").innerHTML = str;
// To print value of object in console
console.log(person);
</script>
</body>
</html>Dans la sortie, nous pouvons voir que les valeurs des deux variables key1 et key2 restent les mêmes mais leurs noms sont modifiés sans accéder à l'objet, c'est donc ainsi que nous créons des valeurs dynamiques en JavaScript et dans les 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!
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Comment créer et publier mes propres bibliothèques JavaScript?
Mar 18, 2025 pm 03:12 PM
L'article discute de la création, de la publication et du maintien des bibliothèques JavaScript, en se concentrant sur la planification, le développement, les tests, la documentation et les stratégies de promotion.
Comment optimiser le code JavaScript pour les performances dans le navigateur?
Mar 18, 2025 pm 03:14 PM
L'article traite des stratégies pour optimiser les performances JavaScript dans les navigateurs, en nous concentrant sur la réduction du temps d'exécution et la minimisation de l'impact sur la vitesse de chargement de la page.
Que dois-je faire si je rencontre l'impression de code brouillé pour les reçus en papier thermique frontal?
Apr 04, 2025 pm 02:42 PM
Des questions et des solutions fréquemment posées pour l'impression de billets thermiques frontaux pour le développement frontal, l'impression de billets est une exigence commune. Cependant, de nombreux développeurs mettent en œuvre ...
Comment déboguer efficacement le code JavaScript à l'aide d'outils de développeur de navigateur?
Mar 18, 2025 pm 03:16 PM
L'article traite du débogage efficace de JavaScript à l'aide d'outils de développeur de navigateur, de se concentrer sur la définition des points d'arrêt, de l'utilisation de la console et d'analyser les performances.
Qui est payé plus de python ou de javascript?
Apr 04, 2025 am 12:09 AM
Il n'y a pas de salaire absolu pour les développeurs Python et JavaScript, selon les compétences et les besoins de l'industrie. 1. Python peut être davantage payé en science des données et en apprentissage automatique. 2. JavaScript a une grande demande dans le développement frontal et complet, et son salaire est également considérable. 3. Les facteurs d'influence comprennent l'expérience, la localisation géographique, la taille de l'entreprise et les compétences spécifiques.
Comment utiliser les cartes source pour déboguer le code JavaScript minifié?
Mar 18, 2025 pm 03:17 PM
L'article explique comment utiliser les cartes source pour déboguer JavaScript minifiée en le mappant au code d'origine. Il discute de l'activation des cartes source, de la définition de points d'arrêt et de l'utilisation d'outils comme Chrome Devtools et WebPack.
Comment fusionner les éléments du tableau avec le même ID dans un seul objet en utilisant JavaScript?
Apr 04, 2025 pm 05:09 PM
Comment fusionner les éléments du tableau avec le même ID dans un seul objet en JavaScript? Lors du traitement des données, nous rencontrons souvent la nécessité d'avoir le même ID ...
La différence dans Console.Log de sortie Résultat: Pourquoi les deux appels sont-ils différents?
Apr 04, 2025 pm 05:12 PM
Discussion approfondie des causes profondes de la différence de sortie Console.log. Cet article analysera les différences dans les résultats de sortie de la fonction Console.log dans un morceau de code et expliquera les raisons derrière. � ...
