翼度科技»论坛 编程开发 JavaScript 查看内容

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

3

主题

3

帖子

9

积分

新手上路

Rank: 1

积分
9
``
数组的includes方法在日常的编程中比较常用到,其作用就是判断某一数据是否在数组中,通常来说,数组中的数据如果是数字,布尔值,或者字符串的话,都是能够进行判断的
例如:
  1. [1,2,3,4].includes(3)  // true
  2. [1,2,3,4].includes(5)  // false
  3. [true, false].includes(false) // true
  4. [false, false].includes(true) // false
  5. ['foo', 'bar'].includes('foo') // true
  6. ['foo', 'bar'].includes('baz') // false
复制代码
如果是对象的话,那么会有一个有趣的现象发生
  1. var p1 = { age: 11, name: 'bob'};
  2. var p2 = { age: 13, name: 'kebei'};
  3. var arr = [p1, p2];
  4. arr.includes({ age: 11, name: 'bob'});  // false
  5. arr.includes(p1) // true
  6. var p3 = { age: 11, name: 'bob'};
  7. 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, 就是指针赋值过程。

来源:https://www.cnblogs.com/jvxiao/p/17683699.html
免责声明:由于采集信息均来自互联网,如果侵犯了您的权益,请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容,谢谢合作!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x

举报 回复 使用道具