对象遍历

Posted 2021-01-25 freesfu

在数组中常用的遍历方法有for for in for of这三种，前两种是遍历数组的下标，然后再通过数组下标来访问数组的元素。其实对象意识相似的。
让我们来看一下数组以及对象的代码表示。

    // Array
    let arr = ["bob", "18", "man"];

    // Object
    let obj = {
        name: "bob",
        age: "18",
        sex: "man"
    }

可以看到他们其实都是一组数据的集合，并且都是一组数据的集合，且不同元素之间都是使用逗号进行分割，唯一的区别就只是对象是使用花括号包裹着的，然后数组是使用 方括号包裹着的，再就是对象是通过属性名(字符串)进行访问，而对象是通过数组下标(数字)来进行访问的。然而还有一点就是一般我们访问对象属性的方式都是通过object.property然而实际上在javascript中会被转换成为object["property"]，所以我们是不是可以这么理解，所谓对象，实际上就上一种特殊的数组。
恩，接下里在继续谈到数组的遍历问题。
实际上对于数组的遍历也可以使用for in for of这两种方法，前者嘛就是通过访问对象的属性名然后来遍历对象，但是这有一种缺陷，就是对于对象的原型他会一直访问下去，一直到object.prototype也就是一直到对象原型的终点。
当然一般我们是不希望他遍历对象的原型的，我们只希望遍历这个对象本身具有的属性，所以这是后就要用到了object的hasOwnProperty方法，任何的对象都会从原型链上继承这个方法，但是这个方法时不受到JavaScript保护的。

所有继承了 Object 的对象都会继承到 hasOwnProperty方法。这个方法可以用来检测一个对象是否含有特定的自身属性；和 in运算符不同，该方法会忽略掉那些从原型链上继承到的属性。

这是MDN对这个方法的描述，具体可见Object.prototype.hasOwnProperty
可以使用这个方法来过滤原型链上的属性，这是很实用的。