前端项目中遇到的坑总结

最新推荐文章于 2023-05-23 17:32:35 发布

VanChaoi

最新推荐文章于 2023-05-23 17:32:35 发布

阅读量448

点赞数

CC 4.0 BY-SA版权

分类专栏： Web前端文章标签： javascript

本文链接：https://blog.youkuaiyun.com/VanChaoi/article/details/119453071

Web前端专栏收录该内容

12 篇文章

订阅专栏

本文探讨JavaScript数组的indexOf、findIndex和find方法的使用区别，以及Lodash的merge方法在特定情况下的返回值。indexOf用于查找指定元素的位置，findIndex则根据条件找第一个匹配项的位置，find返回满足条件的第一个元素。同时，当调用merge(undefined, [])时，返回的对象并非预期的空数组，而是空对象{}

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.区分数组的indexOf/findIndex/find 的使用场景

findIndex() 方法传入某个条件,返回符合条件的数组第一个元素位置 ,如果没有找到返回 -1

indexOf() 方法传入的是指定元素 , 返回数组中某个指定的元素位置。如果在数组中没找到指定元素则返回 -1。

find() 方法传入某个条件,返回符合条件的数组第一个元素 ,如果没有找到返回undefined (注:这个undefined,经常会带来一些报错,可以换用findIndex方法)

// var num = [10, 20, 30, 40, 50, 60, 70, 80, 90];
var newNum2 = num.findIndex((item, index) => {
    return item > 40;
})

var newNum3 = num.indexOf(40);
var newNum4 = num.indexOf(40, 10);//从索引10的位置开始向后查找

var newNum1 = num.find((item, index) => {
    return item > 40;
})

2.使用Lodash的merge方法时 merge(undefined, []) 会返回一个{} 非 []