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抓紧创作!

微信微信 支付宝支付宝

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

声明:
1. 本站所有文章教程及资源素材均来源于网络与用户分享或为本站原创,仅限用于学习和研究。
2. 如果内容损害你的权益请联系客服QQ:1642748312给予处理。
码云笔记 » js中的indexOf()和findIndex的区别对比

发表评论

IT互联网行业相关广告投放 更专业 更精准

立即查看 联系我们