Este tutorial demostrará las formas de repetir/iterar a través de un objeto JavaScript simple.
¿Cómo recorrer un objeto JavaScript simple/simple?
Para recorrer/iterar a través de un objeto JavaScript simple, use los siguientes métodos:
Método 1: Bucle a través de un objeto de JavaScript simple/simple usando un bucle for-in
Para recorrer un objeto, utilice el bucle 'for-in'. Recorre en iteración todos los atributos de cadena enumerables de un objeto que están asociados con un objeto.
Sintaxis
Use la sintaxis provista para usar el bucle for-in para recorrer un objeto:
por ( variable en objeto )
Ejemplo
Cree un objeto con propiedades en pares clave-valor:
estaba objeto = {
'JavaScript' : 1 ,
'Java' : 5 ,
'Pitón' : 20 ,
'HTML' : 2 ,
'CSS' : 11
}
Recorra el objeto en función de las claves de un objeto:
por ( constante llave en objeto ) {consola. Iniciar sesión ( `$ { llave } : $ { objeto [ llave ] } ` ) ;
}
La salida muestra todas las características del objeto en un par clave-valor:
Método 2: recorrer un objeto JavaScript simple/sin formato usando el método Object.keys()
Cada propiedad en un objeto tiene un valor correspondiente, lo que significa que cada propiedad comprende pares clave-valor. Puede extraer las claves, los 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.claves() ' método.
Sintaxis
Siga la sintaxis dada para recorrer un objeto y recuperar las propiedades/claves de un objeto:
Ejemplo
Invoque el método Object.keys() y almacene la matriz resultante de claves del objeto en la variable ' objKeys ”:
Como puede ver en el resultado, todas las claves de un objeto se recuperaron con éxito:
Método 3: recorrer un objeto de JavaScript simple/simple utilizando el método Object.values()
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 recorriendo un objeto:
Ejemplo
Invoque el método Object.values() para obtener los valores de un objeto contra sus propiedades:
La salida muestra una matriz de valores contra las propiedades del objeto:
Método 4: recorrer un objeto de JavaScript simple/simple utilizando el método Object.entries()
También puede iterar a través de un objeto JavaScript plano/simple usando el ' Objeto.entradas() ' método. Genera una matriz de sub-matrices que contienen pares clave-valor del objeto dado.
Sintaxis
La siguiente sintaxis se usa para obtener las entradas de un objeto mediante un bucle de un objeto:
Ejemplo
Llame al método Object.entries() en el objeto para recuperar todas las entradas de un objeto:
Producción
Hemos recopilado toda la información necesaria relevante para recorrer objetos de JavaScript sin formato con objetos como miembros.
Conclusión
Para recorrer un objeto JavaScript plano/simple, use el ' para adentro ' círculo, ' Objeto.claves() ' método, ' Objeto.valores() ” método, o el “ Objeto.entradas() ' método. El bucle for-in y el método Object.entries() se usan para obtener todos los pares clave-valor en un objeto, mientras que Object.keys() se usa para obtener las claves y Object.values() para los valores de un objeto. Este tutorial demostró diferentes formas de recorrer un objeto JavaScript simple.