在JavaScript中,遍历对象集合通常指的是遍历一个对象的属性或者一个对象数组。以下是一些常见的遍历对象集合的方法:
const obj = { a: 1, b: 2, c: 3 };
for (let key in obj) {
if (obj.hasOwnProperty(key)) { // 确保属性是对象自身的,而不是原型链上的
console.log(key, obj[key]);
}
}
const obj = { a: 1, b: 2, c: 3 };
Object.keys(obj).forEach(key => {
console.log(key, obj[key]);
});
const obj = { a: 1, b: 2, c: 3 };
Object.entries(obj).forEach(([key, value]) => {
console.log(key, value);
});
const obj = { a: 1, b: 2, c: 3 };
for (const [key, value] of Object.entries(obj)) {
console.log(key, value);
}
const arr = [{ a: 1 }, { b: 2 }, { c: 3 }];
for (let i = 0; i < arr.length; i++) {
console.log(arr[i]);
}
const arr = [{ a: 1 }, { b: 2 }, { c: 3 }];
for (const item of arr) {
console.log(item);
}
const arr = [{ a: 1 }, { b: 2 }, { c: 3 }];
arr.forEach(item => {
console.log(item);
});
for...in
循环时要注意它会遍历对象原型链上的属性,通常需要使用hasOwnProperty
方法来过滤掉不需要的属性。Object.keys()
和Object.entries()
只遍历对象自身的可枚举属性,不包括原型链上的属性。以上就是JavaScript中遍历对象集合的基础概念、方法、应用场景以及注意事项。
领取专属 10元无门槛券
手把手带您无忧上云