JavaScript 对象迭代的 5 种方法
由 Mux 主办的 DEV 全球展示挑战赛：展示你的项目！
JavaScript 中重要的数据结构是对象的结构，是中间对象的内部管理语言。 Recorrerlos o iterarlos es bastante sencillo。
1. 使用财产Object.keys()
let perro = {
nombre: "Scott",
color: "Negro",
macho: true,
edad: 5
};
let claves = Object.keys(perro); // claves = ["nombre", "color", "macho", "edad"]
for(let i=0; i< claves.length; i++){
let clave = claves[i];
console.log(perro[clave]);
}
/*
"Scott"
"Negro"
true
5
*/
Object.keys()Obtiene en un arreglo todas las claves del object encuestión.*
2. 使用财产Object.values()
let perro = {
nombre: "Scott",
color: "Negro",
macho: true,
edad: 5
};
let valores = Object.values(perro); // valores = ["Scott", "Negro", true, 5];
for(let i=0; i< valores.length; i++){
console.log(valores[i]);
}
/*
"Scott"
"Negro"
true
5
*/
Object.values()Obtiene los valores del objecto encuestión.*
3. Usando un buclefor...in
let perro = {
nombre: "Scott",
color: "Negro",
macho: true,
edad: 5
};
for (let clave in perro){
console.log(perro[clave]);
}
/*
"Scott"
"Negro"
true
5
*/
4. Usando la propiedad Object.entries()con unforEach()
let perro = {
nombre: "Scott",
color: "Negro",
macho: true,
edad: 5
};
Object.entries(perro).forEach(([key, value]) => {
console.log(value)
});
/*salida:
"Scott"
"Negro"
true
5
*/
5.Usando la propiedad Object.entries()y un buclefor...of
let perro = {
nombre: "Scott",
color: "Negro",
macho: true,
edad: 5
};
for(const [key, value] of Object.entries(perro)){
console.log(value)
}
/*salida:
"Scott"
"Negro"
true
5
*/
结论✔
- 记录物体是基本的和现实的。
- 建议使用 API 语言的临时方法（
entries()、forEach()、keys()、values()等）来记录对象。没有重新发明拉鲁埃达。 - 不限制使用此帖子中的对象描述的用途，取决于具体情况，以使用其他方法来处理海洋问题。存在各种不同的方法和结果。
