由 Array.includes 函数引发对引用数据类型的思考

  • 由 Array.includes 函数引发对引用数据类型的思考已关闭评论
  • 78 次浏览
  • A+
所属分类:Web前端
摘要


数组的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。

由 Array.includes 函数引发对引用数据类型的思考

当然,如果p3的赋值方式是 p3 = p1 的话,那么 arr.includes(p3)的值就是true了,因为p1的地址赋给了p3, 那么p3指向的就是p1所代表的对象了。

虽然javascript是一门动态语言,但是在一些复杂对象的使用上和C这样的静态语言是很相似的。而javascript较C而言,它本身不需要做取指针操作,当一个变量的值是一个引用对象时,变量等于自动取了指针。所以说,上面例子中 p3 = p1, 就是指针赋值过程。