如何使用Array.prototype.includes()查找对象

Question

示例代码：

const a = {val: 1};
const b = {val: 2};
const list = [a, b];
console.info(list.includes(a)); // true
console.info(list.includes({val: 1})); // false

问题：

1. 为什么第二个语句的评估结果为false
2. 如何正确使用此方法在对象数组中搜索特定对象

Answer 1

TL；TR

list.some(value => JSON.stringify(value) === JSON.stringify({val: 1}));

答案：

1. 首先，变量a是指向对象的引用链接。若使用list.includes(a)进行检查，它将返回true，因为它找到了和之前声明的const a = {val: 1};相同的对象的链接。

2. 其次，list.includes({val: 1})返回false，因为您正试图搜索对新创建的对象-{val: 1}的引用。对象可能包含相同的值，结构相同，但它们作为完全不同的对象存储在内存中。

如果您想按结构检查同一对象，请使用Array.prototype.some()并为您的案例和逻辑编写比较器函数。

Answer 2

这基本上可以归结为：

{ val: 1 } === { val: 1 }  // false

javascript中的对象是通过引用进行比较的，由于对象在内存中的位置不同，所以它们并不相同。要检查val设置为1的对象，ypu必须手动搜索所有对象：

if(list.some(el => el.val === 1))