¡Hay algunas formas de recorrer las propiedades de objetos de JavaScript!
¡He encontrado 3 formas! Si prefieres un video de una explicación, ¡acabo de crearlo!
El objeto para recorrer
- ¿Cómo puedo usar Django para crear mi cartera? Soy un novato. ¿En qué debería centrarme?
- ¿Vale la pena aprender MEAN stack para el desarrollo web (tengo 20 años)?
- ¿Cómo se comienza una comunidad de historias en línea como Wattpad y Quotev?
- Estoy tratando de crear un sitio web usando etiquetas html. pero ¿cómo veo la página web?
- Si creo el reproductor de mp3 basado en web más rápido del mundo, ¿hay posibilidades de que pueda competir con SoundCloud y ReverbNation?
Primero necesitamos un objeto de ejemplo para recorrer. ¡Entonces puse algo de mi experiencia en ello (jajaja)! ¡Mantén la diversión dentro!
deje que experienceObject = {
nombre: ‘Raymon’,
título: ‘Lead Frontend / JavaScript Developer’,
años de experiencia: 8,
proyectos: [
{
nombre: ‘Empresa A’,
título: ‘Desarrollador JavaScript Senior’,
técnicas: [‘Angular’, ‘ES6’, ‘Vanilla JavaScript’, ‘Less’, ‘CSS’]
},
{
nombre: ‘Empresa B’,
título: ‘Desarrollador JavaScript principal’,
técnicas: [‘Angular 2’, ‘AngularJS’, ‘ES6’, ‘Vanilla JavaScript’, ‘Web Sockets’, ‘D3’]
},
{
nombre: ‘Empresa C’,
título: ‘Desarrollador Frontend Senior’,
técnicas: [‘Vanilla JavaScript’, ‘CSS’, ‘Responsive Webdesign’]
}
]
}
Object.keys (objeto)
El método Object.keys () devolverá una matriz de claves. Si coloca esto en una variable y lo coloca en console.log (), verá una matriz de claves.
var objectKeys = Object.keys (experienceObject);
console.log (‘objectKeys:’, objectKeys);
Object.keys (experienceObject) .map ()
Con el método Object.keys.map vamos a recorrer el Array que ha devuelto Objec.keys. El método de mapa es una de las formas de JavaScript para recorrer una matriz.
El método de mapa es una de las formas de JavaScript para recorrer una matriz.
console.log (‘======= Object.keys ==========’);
Object.keys (experienceObject) .map (e => {
console.log (`clave = $ {e} valor = $ {experienceObject [e]}`)
});
Object.entries (objeto)
El método Object.keys () devolverá una matriz de claves. Si coloca esto en una variable y lo coloca en console.log (), verá una matriz de claves.
var objectEntries = entradas (experienceObject);
console.log (‘objectEntries:’, objectEntries);
Object.entries (experienceObject) .forEach ()
Con el método Object.keys.forEach vamos a recorrer la matriz de pares clave-valor que Object.entries ha devuelto.
En este caso, usamos el método forEach para recorrer la matriz. El forEach es otro método simple para recorrer una matriz en lugar del ciclo for.
console.log (‘======= Object.entries ==========’);
Object.entries (experienceObject) .forEach (([clave, valor]) => {
console.log (`clave = $ {clave} valor = $ {valor}`)
})
Bucle de entrada
El último ejemplo es el bucle For-in para recorrer las propiedades del Object it.
El bucle for-in es mucho más simple que el bucle for-in.
para (propiedad en experienceObject) {
console.log (`clave = $ {propiedad} valor = $ {experienciaObjeto [propiedad]}`)
}