2025年数组方法findindex(数组方法filter)

数组方法findindex(数组方法filter)ES6 提供了很多新的 API 数组对象的尤为实用 但是如果我们没有在相对应的开发环境下 很难对这些 API 有深入的了解 毕竟实践出真知 find filter findIndex 这三个方法都是对于数组的查找 其中返回的值略微相关 所以在这里做一个介绍 这是一个数组原型上的方法

大家好,我是讯享网,很高兴认识大家。




ES6提供了很多新的API,数组对象的尤为实用,但是如果我们没有在相对应的开发环境下,很难对这些API有深入的了解,毕竟实践出真知。

find、filter、findIndex这三个方法都是对于数组的查找,其中返回的值略微相关,所以在这里做一个介绍。


这是一个数组原型上的方法,调用格式应该是使用数组对象来调用,该方法接收一个回调函数callback,如:array.find(callback)。
find方法用途是查找符合条件的第一个数组元素。
例子:


讯享网

 

讯享网

如果找不到,返回undefined
例子:

讯享网

很显然,这个方法比较适合用来判断数组内是否包含某种条件的值的元素
或者进一步扩展,查找json数组内包含某个值的对象。如下:

 

作为原型上的方法,调用和参数与find相同。
顾名思义,这个对比find方法,这个方法返回的是符合条件的元素的下标index
例子:

讯享网

 

很显然,这个方法更适合用来判断数组内是否包含某种条件的值的元素


作为原型上的方法,调用和参数如上。
filter方法,意思为过滤,同样接收一个回调函数callback,该方法的使用场景是查找数组内符合指定条件的所有元素
例子:

讯享网

该方法返回的是一个集合,即数组如果找不到,返回空数组[]。
例子:

 


这三个方法,都是对数组元素的查找,find返回第一个符合的元素的值,findIndex返回第一个符合的元素的下标,filter返回符合的元素的集合。
这三个方法都不会改变原数组的值,具有很大的相同点,所以在这里统一介绍。
相关链接 MDN web docs – Array

小讯
上一篇 2025-05-28 15:36
下一篇 2025-04-26 18:28

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/188988.html