"Si un trabajador quiere hacer bien su trabajo, primero debe afilar sus herramientas." - Confucio, "Las Analectas de Confucio. Lu Linggong"
Página delantera > Programación > Cómo iterar sobre "objetos" en javascript

Cómo iterar sobre "objetos" en javascript

Publicado el 2024-08-02
Navegar:484

ays to iterate over “objects” in javascript

En javascript, el objeto contiene las propiedades del par clave-valor y la iteración sobre el objeto es diferente de las matrices. Los objetos se pueden iterar usando bucles for...in y Object.keys(), Object.values() y Object.entries(). Veamos cómo puedes utilizar cada método:

1. usando for...en el método

const person = {
    name: 'John',
    age: 30,
    occupation: 'Engineer'
  };
 for(let key in persons){
     console.log(`${person[key]} : ${key}`)
}
   //output
   // name: 'John',
   // age: 30,
   // occupation: 'Engineer'

2.Usando Object.keys(): método

object.keys() es un método javascript que toma el objeto como argumento y devuelve una matriz de claves

const person = {
    name: 'John',
    age: 30,
    occupation: 'Engineer'
  };
const Object_keys = Object.keys(person);
console.log(Object_keys)// [ 'name', 'age', 'occupation']```




```

podemos usar object.keys() para iterar sobre el objeto

const person = {
    name: 'John',
    age: 30,
    occupation: 'Engineer'
  };
const Object_keys = Object.keys(person);

//here first i have used Object_keys array which i got from Object.keys(person);
for(let i = 0 ; i

persona constante = {
    nombre: 'Juan',
    edad: 30,
    ocupación: 'Ingeniero'
  };
const Object_keys = Object.keys(persona);

//aquí primero he usado la matriz Object_keys que obtuve de Object.keys(person);
for(let i = 0 ; i

3.Usando entradas.de.objeto():

Object.entries()

es un método javascript que toma el objeto como argumento y devuelve una matriz 2D de un par clave-valor

const person = {
    name: 'John',
    age: 30,
    occupation: 'Engineer'
  };
const Object_keys = Object.keys(person);

//here first i have used Object_keys array which i got from Object.keys(person);
for(let i = 0 ; i

persona constante = {
    nombre: 'Juan',
    edad: 30,
    ocupación: 'Ingeniero'
  };

const Object_keyValue = Objeto.entradas(persona);

//producción
// [ 

, , ]


const person = {
    name: 'John',
    age: 30,
    occupation: 'Engineer'
  };

for (const [key, value] of Object.entries(person)) {
  console.log(`${key} : ${value}`);
}

//output
   // name: 'John',
   // age: 30,
   // occupation: 'Engineer'


Object.entries()

para iterar sobre el objeto persona constante = { nombre: 'Juan', edad: 30, ocupación: 'Ingeniero' }; for (const [clave, valor] de Object.entries(persona)) { console.log(`${clave}: ${valor}`); } //producción // nombre: 'Juan', // edad: 30, // ocupación: 'Ingeniero'

4. Usando Object.values():


const myObject = {
  prop1: 'value1',
  prop2: 'value2',
  prop3: 'value3'
};

const values = Object.values(myObject);

for (const value of values) {
  console.log(value);
}



Object.values() devuelve una matriz de valores de propiedad enumerables propios de un objeto. Esto puede resultar útil si solo le interesan los valores y no las claves.

constante miObjeto = { prop1: 'valor1', prop2: 'valor2', prop3: 'valor3' }; valores constantes = Objeto.valores(miObjeto); for (valor constante de valores) { consola.log(valor); } ays to iterate over “objects” in javascript

Declaración de liberación Este artículo se reproduce en: https://dev.to/sagar7170/4-ways-to-iterate-over-objects-in-javascript-1e8p?1 Si hay alguna infracción, comuníquese con [email protected] para eliminar él
Último tutorial Más>

Descargo de responsabilidad: Todos los recursos proporcionados provienen en parte de Internet. Si existe alguna infracción de sus derechos de autor u otros derechos e intereses, explique los motivos detallados y proporcione pruebas de los derechos de autor o derechos e intereses y luego envíelos al correo electrónico: [email protected]. Lo manejaremos por usted lo antes posible.

Copyright© 2022 湘ICP备2022001581号-3