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判斷數組成員的方法有哪些”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注億速云行業資訊頻道。