Obtenga el valor del objeto mediante una referencia a la clave

1. Propiedad de acceso de un objeto en JavaScript
2. Obtenga el valor del objeto mediante una variable de referencia usando el corchete cuadrado en JavaScript

En JavaScript, los objetos se escriben en pares clave-valor. Podemos obtener el valor de un objeto por la clave.

Pero también es posible hacer referencia a la clave mediante una variable y utilizar la variable para acceder al valor de un objeto. Este artículo presentará la forma de lograrlo.

Propiedad de acceso de un objeto en JavaScript

JavaScript tiene varias formas de acceder a una propiedad de un objeto. Por propiedad, significa la clave de un objeto.

Podemos obtener el valor de una propiedad usando corchetes [], operador de punto ., y desestructuración de objetos. Repasemos cada uno de ellos.

Necesitamos hacer referencia a la propiedad dentro del corchete para obtener el valor, como se muestra en el siguiente ejemplo.

Código de ejemplo:

var age = {Jack: 25, Danny: 23, Harry: 24}

          console.log(age['Jack']);

Producción :

25

En el ejemplo anterior, tenemos un objeto edad que contiene propiedades en cadenas y valores en números. Utilizando el corchete, hemos accedido a un valor 25 invocando la propiedad Jack.

Intentemos hacer esto con el operador punto.

console.log(age.Danny);  // 23

Podemos acceder al valor invocando la propiedad del objeto usando el operador punto. Observe la diferencia al usar la notación de corchetes.

Escribimos la propiedad dentro de una cotización. Es porque la propiedad es una cadena.

Pero no necesitamos tener que usar las comillas mientras usamos el operador de punto aunque la propiedad esté en una cadena.

Ahora, accedamos a los valores desestructurando el objeto.

var {Harry} = age
console.log(Harry)  // 24

Aquí, colocamos la propiedad Harry dentro de las llaves {}. Funciona como una variable y tiene el objeto edad como su valor.

Podemos acceder al valor de la propiedad Harry. Esto se llama desestructuración de objetos.

Obtenga el valor del objeto mediante una variable de referencia usando el corchete cuadrado en JavaScript

También podemos hacer referencia a la propiedad del objeto con una variable y usarla para acceder al valor del objeto. Se puede hacer usando la notación de corchetes [].

Por ejemplo, considere el objeto edad que creamos anteriormente. A continuación, cree una variable nombre y configúrela como Jack.

Luego, acceda a la variable nombre usando la notación de corchetes para obtener el valor del objeto, como se muestra a continuación.

Código de ejemplo:

var age = {Jack: 25, Danny: 23, Harry: 24}

var name = 'Jack';
console.log(age[name]);

Producción :

25

Esto no es posible mientras se usa un operador de punto.

console.log(age.name);  // undefined

De esta forma, podemos usar el corchete para acceder al valor de un objeto a través de la variable referenciada por la propiedad en JavaScript.