在ES6中,我们可以使用几种方式来遍历对象。下面是其中的几种方式,并附带详细的示例:
-
for...in循环: 使用for...in循环可以遍历对象的可枚举属性。它会遍历对象自身的属性以及继承的属性(如果属性是可枚举的)。
const obj = { a: 1, b: 2, c: 3 }; for (let key in obj) { console.log(key, obj[key]); } // 输出结果: // a 1 // b 2 // c 3 复制
-
Object.keys()方法: Object.keys()方法返回一个包含对象自身可枚举属性的数组。我们可以使用forEach()或for...of循环来遍历这个数组。
const obj = { a: 1, b: 2, c: 3 }; Object.keys(obj).forEach(key => { console.log(key, obj[key]); }); // 输出结果: // a 1 // b 2 // c 3 复制
-
Object.values()方法: Object.values()方法返回一个包含对象自身可枚举属性的值的数组。我们可以使用forEach()或for...of循环来遍历这个数组。
const obj = { a: 1, b: 2, c: 3 }; Object.values(obj).forEach(value => { console.log(value); }); // 输出结果: // 1 // 2 // 3 复制
-
Object.entries()方法: Object.entries()方法返回一个包含对象自身可枚举属性的键值对的数组。我们可以使用forEach()或for...of循环来遍历这个数组。
const obj = { a: 1, b: 2, c: 3 }; Object.entries(obj).forEach(([key, value]) => { console.log(key, value); }); // 输出结果: // a 1 // b 2 // c 3 复制
这些是ES6中遍历对象的几种常用方式。根据具体的需求和场景,选择合适的方式来遍历对象
欢迎转载,转载请标注出处。关注公众号: JAVA大师, 后台回复 资源,既可获取资源链接 !!!