小游戏网站代码,搬瓦工vps wordpress,公众号开发成购买产品的平台,马鞍山的网站建设公司注#xff1a;纯手打#xff0c;如有错误欢迎评论区交流#xff01; 转载请注明出处#xff1a;https://blog.csdn.net/testleaf/article/details/145523427 编写此文是为了更好地学习前端知识#xff0c;如果损害了有关人的利益#xff0c;请联系删除#xff01; 本文章… 注纯手打如有错误欢迎评论区交流 转载请注明出处https://blog.csdn.net/testleaf/article/details/145523427 编写此文是为了更好地学习前端知识如果损害了有关人的利益请联系删除 本文章将不定时更新敬请期待 欢迎点赞、收藏、转发、关注多谢 目录 一、for...in 循环二、Object.keys() 方法结合 forEach 方法三、Object.values() 方法结合 forEach 方法四、Object.entries() 方法结合 for...of 循环五、Reflect.ownKeys() 方法结合 forEach 方法六、Object.getOwnPropertyNames() 方法结合 forEach 方法七、Object.getOwnPropertySymbols() 方法结合 forEach 方法 一、for…in 循环
for...in 循环用于遍历对象的可枚举属性包括对象自身的属性以及继承的属性但不包含 Symbol 类型的属性。 示例代码
const person {name: Alice,age: 25,occupation: Engineer
};for (const key in person) {console.log(${key}: ${person[key]});
}注意事项由于 for...in 会遍历继承的属性若只想遍历对象自身的属性可以使用 hasOwnProperty 方法进行过滤。
for (const key in person) {if (person.hasOwnProperty(key)) {console.log(${key}: ${person[key]});}
}二、Object.keys() 方法结合 forEach 方法
Object.keys() 方法会返回一个由对象的可枚举属性名组成的数组然后可以使用 forEach 方法遍历这个数组。 示例代码
const person {name: Alice,age: 25,occupation: Engineer
};const keys Object.keys(person);
keys.forEach(key {console.log(${key}: ${person[key]});
});三、Object.values() 方法结合 forEach 方法
Object.values() 方法会返回一个由对象的可枚举属性值组成的数组然后使用 forEach 方法遍历这个数组。不过这种方式只能获取到值无法直接获取对应的键。 示例代码
const person {name: Alice,age: 25,occupation: Engineer
};const values Object.values(person);
values.forEach(value {console.log(value);
});四、Object.entries() 方法结合 for…of 循环
Object.entries() 方法会返回一个由对象的键值对组成的二维数组每个子数组包含一个键和对应的值接着可以使用 for...of 循环遍历这个二维数组。 示例代码
const person {name: Alice,age: 25,occupation: Engineer
};for (const [key, value] of Object.entries(person)) {console.log(${key}: ${value});
}五、Reflect.ownKeys() 方法结合 forEach 方法
Reflect.ownKeys() 方法会返回一个由对象的所有属性名包括 Symbol 类型的属性组成的数组然后使用 forEach 方法遍历这个数组。 示例代码
const symbolKey Symbol(symbolKey);
const person {name: Alice,age: 25,[symbolKey]: Secret
};Reflect.ownKeys(person).forEach(key {console.log(${key}: ${person[key]});
});六、Object.getOwnPropertyNames() 方法结合 forEach 方法
Object.getOwnPropertyNames() 方法会返回一个由对象自身的所有属性名不包括 Symbol 类型的属性组成的数组再使用 forEach 方法遍历这个数组。 示例代码
const person {name: Alice,age: 25,occupation: Engineer
};Object.getOwnPropertyNames(person).forEach(key {console.log(${key}: ${person[key]});
});七、Object.getOwnPropertySymbols() 方法结合 forEach 方法
如果需要专门遍历对象的 Symbol 类型的属性可以使用 Object.getOwnPropertySymbols() 方法它会返回一个由对象自身的 Symbol 类型属性组成的数组然后使用 forEach 方法遍历该数组。 示例代码
const symbolKey Symbol(symbolKey);
const person {[symbolKey]: Secret
};Object.getOwnPropertySymbols(person).forEach(symbol {console.log(${symbol.toString()}: ${person[symbol]});
});
