对象遍历
在数组中常用的遍历方法有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
可以使用这个方法来过滤原型链上的属性,这是很实用的。