Claves De Objeto Javascript

| | | | | |

El método de JavaScript Object.keys () recupera las claves en un objeto y devuelve una lista que contiene las claves. El orden de las claves en la lista final es el orden en que aparecen en el objeto original

Los objetos JavaScript (JS) constan de dos partes principales: .. Claves y valores

Al trabajar con un objeto, puede ser necesario recuperar una lista de claves asociadas con él. Aquí es donde entra en juego el método Object.keys () de JavaScript. Este método le permite generar una lista de todos los nombres de propiedades en un objeto. Usando ejemplos

Este tutorial explicará cómo usar el método Object.keys () para devolver una lista de claves almacenadas en un objeto. También discutiremos brevemente la estructura de los objetos JavaScript

JavaScript. Una actualización

Los objetos (con una "O" mayúscula) son el tipo de datos de mapeo en JavaScript. Tarjeta de valor clave. Los valores registrados por un objeto pueden incluir cadenas, números, valores booleanos y otros tipos de datos. Aquí hay un ejemplo de un objeto en JavaScript:

las palabras a la izquierda de los dos puntos (:) son las claves de nuestro diccionario. Las palabras a la derecha de los dos puntos son los valores . Puede pensar en los objetos JavaScript como el equivalente de un diccionario Python, pero en JavaScript.

JavaScript Object.keys()

El método JavaScript Object.keys() devuelve todas las claves. dentro de un objeto JavaScript o un objeto JSON. Estas claves se almacenan en el orden en que aparecen en el objeto

La sintaxis del método Object.keys() es:.

El método Object.keys () toma un parámetro: el nombre del objeto cuyas claves desea recuperar. Este método devuelve los nombres de todas las claves para el objeto especificado, almacenados como una lista JavaScript

Tenga en cuenta que el método en sí se llama Object .keys (). En efecto, las () claves son un método de objeto. Debe especificar el objeto cuyas claves desea recuperar como parámetro de objeto .keys (). No es posible agregar claves () a ningún objeto porque ese objeto no tendrá acceso al método keys ().

Ejemplo de JavaScript Object.keys ()

Lo guiaremos a través de un ejemplo para ilustrar cómo funciona este método.

Anteriormente, creamos un diccionario llamado "job_description", que brinda una descripción general de la información sobre un trabajo disponible en un supermercado local. El objeto contiene un JavaScript booleano < /a>, una cadena y un n entero. ahora supongamos que queremos recuperar una lista de claves en este diccionario.

Podríamos crear esta lista usando el siguiente código:

= const job_description { position: "Asistente de ventas", Floor_worker: true, hours_per_week: 38}; var job_keys = Object.keys (job_description); consola.log (claves_trabajo); 

Nuestro código devuelve:

Primero, declaramos una constante llamada" job_description ", que almacena un objeto que contiene información sobre un trabajo disponible en un supermercado local.

Siguiente , usamos Object.keys () para recuperar una lista de claves asociadas con el diccionario y asignamos la lista a la variable "job_keys". A continuación, imprimimos el contenido de la lista "job_keys" consola de JavaScript.

Como puede ver, nuestro código devolvió una lista que contiene tres valores Cada valor representa un nombre de clave único en nuestro objeto

JS Object.keys(): .. Otro ejemplo

Discutamos otro ejemplo de cómo usar este método

Supongamos que queremos imprimir una lista de las claves de nuestro objeto, precedido por " Nombre de la clave:". Podríamos hacerlo usando este código:

Nuestro código devuelve:

Primero definimos nuestro objeto "job_description" cuyas claves queremos imprimir en la consola. A continuación, usamos el método JS Object.keys () para recuperar una lista de claves para nuestro objeto

A continuación, me gusta usar un bucle "for... of" para iterar a través de cada clave en nuestro objeto "job_description"

Para cada clave, imprimimos "Nombre de la clave:"., seguido del nombre de la clave, en la consola. Si está interesado en obtener más información sobre cómo " ..." los bucles funcionan, lea nuestra Guía para principiantes de bucles de JavaScript para bucles .