JS 对象数组中查找目标对象的数组下标
首先,使用indexOf查找数组元素下标,本来是正常可以返回的。但是因为数组是由对象组成,对象是不能用简单的 == 或者 === 来比较相等的。两个Object类型对象,即使拥有相同属性、相同值,但是因为他们在内存里的位置是不同的,所以是不相等的。这个是区别于其他的基本类型,基本类型是通过值比较的。所以在使用indexOf查找时会返回-1。
但是如果想要解决这个问题,我们可以借助其他的方式实现:
step 1
// findIndex
const index = array.findIndex(value => {
return this.isObjEqual(shop, value);
});
setp 2
// 比较2个对象是否相同
isObjEqual(o1, o2) {
const props1 = Object.getOwnPropertyNames(o1);
const props2 = Object.getOwnPropertyNames(o2);
if (props1.length !== props2.length) {
return false;
}
for (let i = 0, max = props1.length; i < max; i++) {
const propName = props1[i];
if (o1[propName] !== o2[propName]) {
return false;
}
}
return true;
}
其他
- indexOf方法在字符串中使用就是返回某个指定的字符串值在字符串中首次出现的位置,数组中使用就是可返回数组中某个指定的元素位置。
- find方法,用于找出第一个符合条件的数组成员
- findIndex方法的用法与find方法非常类似,返回第一个符合条件的数组成员的位置,如果所有成员都不符合条件,则返回-1