JavaScript遍历对象的7种方式

注：纯手打，如有错误欢迎评论区交流！
转载请注明出处：https://blog.youkuaiyun.com/testleaf/article/details/145523427
编写此文是为了更好地学习前端知识，如果损害了有关人的利益，请联系删除！
本文章将不定时更新，敬请期待！！！
欢迎点赞、收藏、转发、关注，多谢！！！

一、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]