JavaScript判断数组成员的方法有哪些

这篇文章主要介绍了JavaScript判断数组成员的方法有哪些的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇JavaScript判断数组成员的方法有哪些文章都会有所收获，下面我们一起来看看吧。

indexOf()

首先想到的就是indexOf()方法，查找元素，并返回第一个找到的位置索引

 [1,2,3,2].indexOf(2)  // 1

他还支持第二个可选参数，指定开始查找的位置

 [1,2,3,2].indexOf(2,2)  // 3

但是indexOf()有个问题，他的实现是由===作为判断的，所以这容易造成一些问题，比如他对于NaN会造成误判

[NaN].indexOf(NaN) // -1
console.log(NaN === NaN) // false

如上，由于误判，没有找到匹配元素，所以返回-1，而在ES6对数组的原型上新增了incudes()方法，他可以代替indexOf()，下面来看看这个方法。

incudes()

在ES6之前只有字符串的原型上含有include()方法来判断是否包含字串，而数组在ES6中也新增了include()方法来判断是否包含某个元素，下面来看看如何使用。

[1,2,3].incudes(2) // true

数组实例直接调用，参数为要查找的目标元素，返回值为布尔值。而且他能很好地解决indexOf()的问题：

[NaN].includes(NaN) // true

如上incudes()可以正确地判断NaN的查找问题，而incudes()是用来判断是否包含，查找条件也比较单一，那么如果想要自定义查找条件，比如查找的范围，可以使用这么一对方法：find()与findIndex()接下来看一看他们是如何使用的。

find()与findIndex()

find()与findIndex()可以匹配数组符合条件的元素

find()

find()支持三个参数，分别为value，index，arr，分别为当前值，当前位置，与原数组,，返回值为符号条件的值

let arr = [1,2,10,6,19,20]
arr.find((value,index,arr) => {
    return value > 10
}) // 19

如上，我以元素大于10为范围条件，返回了第一个符合范围条件的值：19。而find()可以返回符合条件的第一个元素，那么我们要是想拿到符合条件的第一个元素索引就可以使用findIndex()。

findIndex()

findIndex()和find相似也支持三个参数，但是返回值不同，其返回的是符合条件的索引

let arr = [1,2,10,6,19]
arr.find((value,index,arr) => {
    return value > 10
}) // 4

例子与find()相同，返回的是19对应的索引

对于NaN值

find()与findIndex()对NaN值也不会误判，可以使用Object.is()来作为范围条件来判断NaN值，如下

[NaN].find((value)=> {
    return Object.is(NaN,value)
}) // NaN

如上例子，findIndex()也同理

关于“JavaScript判断数组成员的方法有哪些”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“JavaScript判断数组成员的方法有哪些”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注亿速云行业资讯频道。