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

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]

「点点赞赏,手留余香」

1

给作者打赏,鼓励TA抓紧创作!

微信微信 支付宝支付宝

还没有人赞赏,快来当第一个赞赏的人吧!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » js中的indexOf()和findIndex的区别对比

发表回复