JavaScript在数组中寻找相同对象元素的问题

最新推荐文章于 2023-03-23 09:47:05 发布

我想he可乐

最新推荐文章于 2023-03-23 09:47:05 发布

阅读量2.4k

点赞数

分类专栏： javascript 文章标签： javascript 前端

本文链接：https://blog.csdn.net/q15217237223/article/details/124615421

版权

javascript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

博客探讨了在JavaScript中使用indexOf方法查找对象元素时遇到的问题。作者发现即使对象属性相同，由于对象的引用不同，indexOf仍然返回-1。文章通过代码示例展示了对象不等价性的概念，并指出需要通过比较所有键值的方式来查找对象。结论是indexOf不适用于查找对象，建议自定义函数来实现这一功能。

摘要由CSDN通过智能技术生成

这两天在写项目的时候，我用数组存储对象元素，但是用indexOf方法寻找数组中对象的下标时出现了问题。indexOf方法一直返回-1，即没有找到对象。但我很确定数组中有该对象元素，那究竟是怎么回事呢？

我看了一下indexOf的定义和用法：

indexOf() 方法可返回数组中某个指定的元素位置。

该方法将从头到尾地检索数组，看它是否含有对应的元素。开始检索的位置在数组 start 处或数组的开头（没有指定 start 参数时）。如果找到一个 item，则返回 item 的第一次出现的位置。开始位置的索引为 0。

如果在数组中没找到指定元素则返回 -1。

诶！？好像没问题？

但是代码是不会骗人的！于是我就单独写了一个test进行测试。

代码如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
</head>
<body>
<button type="button" onclick="test()">test</button>
</body>
<script>
function test(){
	let ob1 = {OP:"w",type:"t1"};
	let ob2 =  {OP:"w",type:"t1"};
	let view = [];
	view.push(ob1);
	console.log(view.indexOf(ob1));
	console.log(view.indexOf({OP: 'w', type: 't1'}));
	console.log(view.indexOf(ob2));
	console.log(view);
	console.log(typeof view[0]);
	console.log(typeof ob1);
	console.log(typeof {OP:"w",type:"t1"});
	console.log({OP:"w",type:"t1"} === ob1);
	console.log(ob2 === ob1);
}
</script>
</html>

结果如下：