Clave de objeto dinámico en JavaScript

Un objeto es una entidad que almacena datos en pares de valor clave. En JavaScript, las claves y valores de objetos se pueden crear múltiples formas, incluida la asignación utilizando notación de puntos o soporte u literales de objetos durante la inicialización. Pero a veces una clave de objeto debe agregarse dinámicamente.

Esta publicación de blog definirá la clave de objeto dinámico en JavaScript.

Cómo establecer la tecla de objeto dinámico en JavaScript?

En la versión ES6 de JavaScript, los desarrolladores pueden establecer dinámicamente las claves de propiedades JavaScript para sus objetos utilizando la notación del soporte.

Sintaxis:

Siga la sintaxis dada para configurar una clave de objeto dinámico en JavaScript con notación de soporte:

[KeyVar] = KeyName;

En la sintaxis dada:

• "llave"Es el nombre variable que almacena el nombre de la clave que se agregará dinámicamente en el objeto.
• "Nombre clave"Es el nombre de una clave que se establecerá dinámicamente en un objeto.

Ejemplo 1:

Primero, cree una variable "nueva llave"Para almacenar el nombre de la clave" Habilidad ":

var newkey = 'habilidad';

Luego, crea un objeto "información", Con propiedades"nombre","edad", y "correo electrónico". Agregue otro atributo de un objeto usando la clave "habilidad"Eso agregará dinámicamente un objeto:

Var info =
Nombre: 'John',
Edad: 28,
Correo electrónico: '[email protected] ',
[Newkey]: 'JavaScript'
;

Llama a "consola.registro()"Método al pasar un objeto como argumento para imprimir todas las propiedades del objeto en un par de valor clave:

consola.registro (información);

Producción

La salida anterior muestra que la clave dinámica "habilidad"Se agrega y accede con éxito en un objeto:

Ejemplo 2:

Imprima el valor de la clave "habilidad"Almacenado en el"información" objeto:

consola.Registro (información.habilidad);

Producción

La salida indica que el objeto "información"Accede con éxito el valor del"nueva llave"Variable y lo almacena como una clave dinámica.

Conclusión

Para agregar dinámicamente una clave de objeto, use la notación del soporte. Primero, almacene la clave en una variable y luego especifique el nombre de la variable en notación de soporte para establecer una clave con valor como un par de valor clave en un objeto. Esta publicación de blog define la clave de objeto dinámico en JavaScript.