Cómo recorrer un objeto JavaScript simple

En el idioma JavaScript, un objeto es una recopilación de datos específica. Estas colecciones de datos contienen una o más características que lo definen, así como métodos para ejecutar tareas comunes. Sin embargo, el bucle a través de un conjunto de datos enumerables es una dificultad típica para los programadores. Al escuchar el término "bucle"En JavaScript, los programadores generalmente piensan en los muchos bucles, como para loops, foreach (), map () y otros. Desafortunadamente, estos métodos no se aplican a los objetos porque los objetos no son iterables.

Este tutorial demostrará las formas de recorrer/iterar a través de un objeto JavaScript simple.

Cómo recorrer un objeto JavaScript simple/simple?

Para encender/iterar a través de un objeto JavaScript simple, use los siguientes métodos:

• bucle de entrada
• Objeto.Método Keys ()
• Objeto.Método valores ()
• Objeto.Método de entradas ()

Método 1: Reunir a través de un objeto JavaScript simple/simple usando el bucle for-in

Para recorrer un objeto, use el bucle "For-In". Se itera a través de todos los atributos de cadena enumerables de un objeto asociado con un objeto.

Sintaxis
Use la sintaxis proporcionada para usar el bucle for-in para bucle a través de un objeto:

para (variable en el objeto)

Ejemplo
Cree un objeto con propiedades en pares de valor clave:

objeto var =
"JavaScript": 1,
"Java": 5,
"Python": 20,
"Html": 2,
"CSS": 11

Loce el objeto basado en las teclas de un objeto:

para (la tecla const en objeto)
consola.log ('$ key: $ objeto [clave]');

La salida muestra todas las características del objeto en un par de valor clave:

Método 2: recorrer un objeto JavaScript simple/simple usando el objeto.Método Keys ()

Cada propiedad en un objeto tiene un valor correspondiente, lo que significa que cada propiedad comprende pares de valor clave. Puede extraer las teclas, valores o ambas claves y valores como entradas en una matriz utilizando los métodos estáticos del objeto. Si desea recuperar las claves de un objeto, utilice el "Objeto.llaves()" método.

Sintaxis
Siga la sintaxis dada para recorrer un objeto para recuperar las propiedades/teclas de un objeto:

Objeto.claves (objeto)

Ejemplo
Invocar el objeto.Método Keys () y almacene la matriz resultante de claves del objeto en variable "objecisos":

const objkeys = objeto.claves (objeto);

Como puede ver en la salida, todas las claves de un objeto se han recuperado con éxito:

Método 3: recorrer un objeto JavaScript simple/simple usando el objeto.Método valores ()

Para obtener los valores de un objeto contra sus propiedades, use el "Objeto.valores()" método. Devuelve una matriz de valores para las propiedades/claves de un objeto.

Sintaxis
La sintaxis dada se usa para obtener los valores del objeto al pasar a través de un objeto:

Objeto.valores (objeto)

Ejemplo
Invocar el objeto.Método valores () para obtener los valores de un objeto en sus propiedades:

const objValues ​​= objeto.valores (objeto);

La salida muestra una matriz de valores contra las propiedades del objeto:

Método 4: recorre un objeto JavaScript simple/simple usando el objeto.Método de entradas ()

También puede iterar a través de un objeto JavaScript simple/simple usando el "Objeto.entradas ()" método. Genera una matriz de subrayas que contienen pares de valor clave del objeto dado.

Sintaxis
La siguiente sintaxis se usa para obtener las entradas de un objeto en bucle de un objeto:

Objeto.Entradas (objeto)

Ejemplo
Llamar al objeto.Método de entradas () en el objeto para recuperar todas las entradas de un objeto:

const objentries = objeto.entradas (objeto);

Producción

Hemos reunido toda la información necesaria relevante para recorrer objetos JavaScript simples con objetos como miembros.

Conclusión

Para recorrer un objeto JavaScript simple/simple, use el "por dentro" bucle, "Objeto.llaves()" método, "Objeto.valores()Método "o el"Objeto.entradas ()" método. El bucle for-in y el objeto.El método de entradas () se utilizan para obtener todos los pares de valor clave en un objeto, mientras que el objeto.Las teclas () se utilizan para obtener las teclas y el objeto.valores () para los valores de un objeto. Este tutorial demostró diferentes formas de recorrer un objeto JavaScript simple.