由 Array.includes 函数引发对引用数据类型的思考
``
数组的includes方法在日常的编程中比较常用到,其作用就是判断某一数据是否在数组中,通常来说,数组中的数据如果是数字,布尔值,或者字符串的话,都是能够进行判断的
例如:
[1,2,3,4].includes(3) // true
[1,2,3,4].includes(5) // false
[true, false].includes(false) // true
[false, false].includes(true) // false
['foo', 'bar'].includes('foo') // true
['foo', 'bar'].includes('baz') // false
如果是对象的话,那么会有一个有趣的现象发生
var p1 = { age: 11, name: 'bob'};
var p2 = { age: 13, name: 'kebei'};
var arr = [p1, p2];
arr.includes({ age: 11, name: 'bob'}); // false
arr.includes(p1) // true
var p3 = { age: 11, name: 'bob'};
arr.includes(p3); // false
arr.includes({ age: 11, name: 'bob'})
这行,includes里面是一个字面量对象, 而arr中存的数据是p1, p2两个数据的引用地址,所以返回值是false;
arr.includes(p1)
的话,结合下图来看,等同于[0000, 0010].includes(0000)
, 所以是true.
再下一行,p3的申明赋值在内存总开辟了一个新的地址,这个地址指向真实数据的地址,所以p3和p1的地址是不一样的, 从下图可以看到, p3对应地址的值虽然和p1的一样,但是,它也并没有指向p1。
当然,如果p3的赋值方式是 p3 = p1 的话,那么 arr.includes(p3)的值就是true了,因为p1的地址赋给了p3, 那么p3指向的就是p1所代表的对象了。
虽然javascript是一门动态语言,但是在一些复杂对象的使用上和C这样的静态语言是很相似的。而javascript较C而言,它本身不需要做取指针操作,当一个变量的值是一个引用对象时,变量等于自动取了指针。所以说,上面例子中 p3 = p1, 就是指针赋值过程。
热门相关:峡谷正能量 大妆 努力帮我停车的妻子 他们就像家人一样 悠哉兽世:种种田,生生崽