前言：

在開(kāi)發(fā)中經(jīng)常需要我們?cè)跀?shù)組中查找元素又或者是判斷元素是否存在，所以我列舉了幾種常用的方法供掘友參考學(xué)習(xí)。

indexOf()

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

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

他還支持第二個(gè)可選參數(shù)，指定開(kāi)始查找的位置

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

但是indexOf()有個(gè)問(wèn)題，他的實(shí)現(xiàn)是由===作為判斷的，所以這容易造成一些問(wèn)題，比如他對(duì)于NaN會(huì)造成誤判

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

如上，由于誤判，沒(méi)有找到匹配元素，所以返回-1，而在ES6對(duì)數(shù)組的原型上新增了incudes()方法，他可以代替indexOf()，下面來(lái)看看這個(gè)方法。

incudes()

在ES6之前只有字符串的原型上含有include()方法來(lái)判斷是否包含字串，而數(shù)組在ES6中也新增了include()方法來(lái)判斷是否包含某個(gè)元素，下面來(lái)看看如何使用。

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

數(shù)組實(shí)例直接調(diào)用，參數(shù)為要查找的目標(biāo)元素，返回值為布爾值。而且他能很好地解決indexOf()的問(wèn)題：

[NaN].includes(NaN) // true

如上incudes()可以正確地判斷NaN的查找問(wèn)題，而incudes()是用來(lái)判斷是否包含，查找條件也比較單一，那么如果想要自定義查找條件，比如查找的范圍，可以使用這么一對(duì)方法：find()與findIndex()接下來(lái)看一看他們是如何使用的。

find()與findIndex()

find()與findIndex()可以匹配數(shù)組符合條件的元素

find()

find()支持三個(gè)參數(shù)，分別為value，index，arr，分別為當(dāng)前值，當(dāng)前位置，與原數(shù)組,，返回值為符號(hào)條件的值

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

如上，我以元素大于10為范圍條件，返回了第一個(gè)符合范圍條件的值：19。而find()可以返回符合條件的第一個(gè)元素，那么我們要是想拿到符合條件的第一個(gè)元素索引就可以使用findIndex()。

findIndex()

findIndex()和find相似也支持三個(gè)參數(shù)，但是返回值不同，其返回的是符合條件的索引

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

例子與find()相同，返回的是19對(duì)應(yīng)的索引

對(duì)于NaN值

find()與findIndex()對(duì)NaN值也不會(huì)誤判，可以使用Object.is()來(lái)作為范圍條件來(lái)判斷NaN值，如下

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

如上例子，findIndex()也同理

最后

判斷元素在某數(shù)組中是否存在的四種方法就說(shuō)到這里，到此這篇關(guān)于JavaScript判斷數(shù)組成員的幾種方法的文章就介紹到這了,更多相關(guān)JS判斷數(shù)組成員內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論