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

这两天在写项目的时候，我用数组存储对象元素，但是用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>

结果如下：

可以看到，ob1，ob2虽然在对象的定义上完全一样，但是它们不等价，即不相等。那就可以明白为什么indexOf方法无法找到对象元素的问题了。到这里我才知道原来对象不能直接比较，而是要比对所有的键值（唉，当初学的时候也没有注意这个问题QAQ）。

结论：indexOf方法不能用于寻找对象元素，因为对象元素不能直接比较。如果想要知道对象元素在数组中的下标，就单独设一个函数，循环比较对象与数组元素的所有键值。

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

从字符串数组中寻找数字的元素
前几天Insus.NET有写过一篇<从字符串数组中把数字的元素找出来>http://www.cnblogs.com/insus/p/8001026.html 和它的延伸篇<C# yi ...
JavaScript 删除数组中为null的元素，过滤数组
在对下拉框的的列表进行赋值,是根据接口返回的数组赋值,例如: let arr = [null,'晴','阴转小雨','小雪','大雪','阵雨']; 1.使用filter过滤数组中null,undef ...
【微信小程序】JavaScript 从数组中删除指定值元素的方法封装
效果 const somearray = ["mon", "tue", "wed", "thur"] removeByV ...
用 JavaScript 替换数组中的对象
由于 JavaScript 是一种动态语言,本文将讨论如何在 JavaScript 中轻松替换存储在数组中的不同对象. 在 JavaScript 中,数组中的对象和类型是动态的或可以更改的.我们可以在 ...
判断数组中是否包含某个元素，判断对象中是否包含某个属性，判断字符串中是否包含某个字符串片段
1-判断对象中是否包含某个元素方法一: 使用in var str = {name:"mayouchen",name:"js", age:100 }alert( ...
未能比较数组中的两个元素_算法3 寻找两个正序数组的中序数
问题描述: 给定两个大小为 m 和 n 的正序(从小到大)数组 nums1 和 nums2.请你找出并返回这两个正序数组的中位数.要求设计一个时间复杂度为 O(log (m+n)) 的算法解决此问题. ...
JavaScript - 移除数组中的空字符串元素
移除数组中的空字符串元素使用 filter 方法对数组进行拷贝,删除空字符串元素,保留其他元素(第 22 ~ 24 行): <!DOCTYPE html> <html>< ...
JavaScript 删除数组中指定元素(5种方法)
JavaScript 删除数组中指定元素在 JavaScript 中,数组是一种常见的数据类型,可以存储多个元素.有时候,我们需要从数组中删除某些特定的元素.本文将介绍如何使用 JavaScript ...
python：无序数组中寻找第K大的元素
题目: 所谓"第(前)k大数问题"指的是在长度为n(n>=k)的乱序数组中S找出从大到小顺序的第(前)k个数的问题. 解法1:堆排序采用元素下沉法,维护一个k大小的最小堆, ...

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

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

最新文章

热门文章