由 Array.includes 函数引发对引用数据类型的思考-Toy模板网

这篇具有很好参考价值的文章主要介绍了由 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。

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

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

虽然javascript是一门动态语言，但是在一些复杂对象的使用上和C这样的静态语言是很相似的。而javascript较C而言，它本身不需要做取指针操作，当一个变量的值是一个引用对象时，变量等于自动取了指针。所以说，上面例子中 p3 = p1, 就是指针赋值过程。文章来源地址https://www.toymoban.com/news/detail-696537.html

到了这里，关于由 Array.includes 函数引发对引用数据类型的思考的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！