1. 獲取滿(mǎn)足特定條件的數(shù)組中的所有項(xiàng)目
2. 要檢查是否滿(mǎn)足條件？
3. 檢查數(shù)組中是否有特定值？
4. 在數(shù)組中找到指定值的索引？

filter   find  includes   indexOf

Array.filter()

在數(shù)組中查找滿(mǎn)足特定條件的元素

let newArray = array.filter(callback);

• newArray是返回的新數(shù)組
• array 是我們要進(jìn)行查找的數(shù)組本身
• callback 是應(yīng)用于數(shù)組每個(gè)元素的回調(diào)函數(shù)

如果數(shù)組中沒(méi)有項(xiàng)目符合條件，則返回一個(gè)空數(shù)組。

例如，如果我們要獲取大于10的數(shù)字?jǐn)?shù)組中的所有項(xiàng)目，則可以執(zhí)行以下操作：
const array = [10, 11, 3, 20, 5];
const greaterThanTen = array.filter(element => element > 10);
console.log(greaterThanTen) //[11, 20]

Array.find()

查找滿(mǎn)足特定條件的第一個(gè)元素

let element = array.find(callback);

• element -當(dāng)前被遍歷的元素（必填）
• index -當(dāng)前遍歷的元素的索引/位置（可選）
• array- 當(dāng)前數(shù)組（可選）

但是請(qǐng)注意，如果數(shù)組中沒(méi)有項(xiàng)目符合條件，則返回 undefined。

const array = [10, 11, 3, 20, 5];
const greaterThanTen = array.find(element => element > 10);
console.log(greaterThanTen)//11

Array.includes（）

確定數(shù)組是否包含某個(gè)值，并在適當(dāng)時(shí)返回 true 或 false

const includesValue = array.includes(valueToFind, fromIndex)

• valueToFind 是要在數(shù)組中檢查的值（必填）
• fromIndex 是要開(kāi)始從中搜索元素的數(shù)組中的索引或位置（可選）

檢查20是否為數(shù)組中的元素之一，則可以執(zhí)行以下操作：
const array = [10, 11, 3, 20, 5];
const includesTwenty = array.includes(20);
console.log(includesTwenty)//true
如果要檢查數(shù)組是否在第一個(gè)元素之外的其他位置包含10個(gè)，可以執(zhí)行如下操作：
const array = [10, 11, 3, 20, 5];
const includesTenTwice = array.includes(10, 1);
console.log(includesTenTwice)//false

Array.indexOf（）

返回可以在數(shù)組中找到給定元素的第一個(gè)索引。如果數(shù)組中不存在該元素，則返回 -1

const indexOfElement = array.indexOf(element, fromIndex)

• element 是要在數(shù)組中檢查的元素（必填），并且
• fromIndex 是要從數(shù)組中搜索元素的啟始索引或位置（可選）

請(qǐng)務(wù)必注意，includes 和 indexOf 方法都使用嚴(yán)格的相等性（'==='）搜索數(shù)組。如果值的類(lèi)型不同（例如4和'4'），它們將分別返回 false 和 -1

讓我們找到數(shù)組中 3 的索引。
const array = [10, 11, 3, 20, 5];
const indexOfThree = array.indexOf(3);
console.log(indexOfThree)//2

結(jié)語(yǔ)

無(wú)需使用 for 循環(huán)即可搜索數(shù)組

• 如果你想找到在符合特定條件的陣列中的所有項(xiàng)目，使用 filter。
• 如果你想檢查是否至少有一個(gè)項(xiàng)目符合特定的條件，請(qǐng)使用 find。
• 如果你想檢查一個(gè)數(shù)組包含一個(gè)特定的值，請(qǐng)使用 includes。
• 如果要在數(shù)組中查找特定項(xiàng)目的索引，請(qǐng)使用indexOf 

到此這篇關(guān)于JavaScript常用數(shù)組元素搜索或過(guò)濾的四種方法的文章就介紹到這了,更多相關(guān)js搜索數(shù)組元素內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論