节点 JS 对象数组 - 获取 indexOf

Question

我有一个对象数组。我试图在这个数组中定位一个对象的索引，但是它总是返回-1，除非我“作弊”。我看不到这里的区别，它 console.logs 两种方式完全相同的输出。它只能以一种方式工作......这是一个错误吗？

var arr = [{ un: 'test', uid: 1 }];
console.log("array",arr,typeof arr);

var obj = { un: 'test', uid: 1};
console.log("obj",obj);

console.log(arr[0],typeof arr[0]);
console.log("indexOf",arr.indexOf(obj));

arr.push(obj);
console.log(arr);
console.log("indexOf",arr.indexOf(obj));

输出是这样的：

array [ { un: 'test', uid: 1 } ] object
obj { un: 'test', uid: 1 }
{ un: 'test', uid: 1 } 'object'
indexOf -1
[ { un: 'test', uid: 1 }, { un: 'test', uid: 1 } ]
indexOf 1

对于我的生活，我看不出这里有什么不同。我在这里错过了一些简单的东西吗？有可能...考虑到编码的时间，简单的事情会被忽略。

Answer 1

在javascript中，对象总是对对象本身的引用（指向存储对象的内存地址的指针），所以这样做

var arr = [{ un: 'test', uid: 1 }];
var obj = { un: 'test', uid: 1};
console.log("obj",obj);

永远不会返回 -1 以外的任何值，因为 obj 的地址与 arr 中的对象不同。这就是为什么，如果你推 objin arr 它确实有效。

所以Array.prototype.indexOf 以对象为参数将寻找相同的引用，而Array.prototype.indexOf 以数字、字符串、null 将寻找值。

如果您想查找具有特定属性的对象的索引，请使用：

var arr = [{ un: 'test', uid: 1 }];
var index = arr.findIndex(i => i.un === 'test' && i.uid === 1);

这里是 findIndex 的文档：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/findIndex