热搜: fiddler git ip 代理
历史搜索

js中的indexOf()和findIndex的区别对比

游客2024-12-13 09:30:01

indexOffindIndex的区别:

  • indexOf()主要是用于查找基本数据类型。例如:获取数组中某个元素的下标。
  • findIndex可用于查找复杂数据类型。例如:获取数组里对象的下标。

总结:indexOf()方法内部使用的是 全等运算符,如果复合数据类型例如数组里对象,全等运算符就会比较它们的内存地址,如果地址相同,等式才会成立。

因此,当遇到基本数据类型就使用indexOf查询在数组当中的下标。遇到复杂数据类型就用findIndex查询数组对象中的下标。

findIndex 数组对象去重:

let arr = [
  {a: 1, b:'g', c: false, d: "355"},
  {a: 2, b:'s', c: true, d: "854"},
  {a: 3, b:'g', c: false, d: "685"},
  {a: 4, b:'e', c: false, d: "158"},
  {a: 5, b:'g', c: true, d: "444"},
]
let newArr= arr.filter((item,index,arr) =>{
    return arr.findIndex(e => e.b==item.b)==index;
});
console.log(newArr);

indexOf 数组去重:

const arr=[1,4,2,3,5,2,6,8,6,5];
let newArr=[];
arr.forEach((item,index) =>{
    if(arr.indexOf(item)==index){
        newArr.push(item);
    }
})
console.log(newArr); // [1, 4, 2, 3, 5, 6, 8]
标签:findIndex()