JS數(shù)組方法some、every和find的使用詳情

更新時間：2021年09月29日 14:21:17 作者：張亞博

這篇文章要給大家介紹的是JS數(shù)組方法some、every和find的使用的一些相關(guān)資料，感興趣的小伙伴一起來學習吧

1、some

在MDN中這樣定義：some()方法測試數(shù)組中是不是至少有1個元素通過了被提供的函數(shù)測試。它返回的是一個Boolean類型的值。

簡而言之就是：它對數(shù)組中的每一項進行校驗，只要有一項通過了就是true。

它只會返回true或false
它會對數(shù)組中的每一項進行檢測，千萬不要在some里面進行if else操作
不要在return后面寫true或false，return后面跟的是你的條件

最近做后臺管理系統(tǒng)遇到一個需求：彈出一個Dialog，只要這個Dialog里面的input有一個有值，就可以；否則提示至少要有一個值。

數(shù)據(jù)結(jié)構(gòu)如下，使用some

let arr = [
    { value: "apple" },
    { value: "" },
    { value: "banana" },
    { value: "orange" },
    { value: "" },
]
let res = arr.some(item=>{
    return item.value !== ""
})
console.log(res);

在這里，只要有值，res就為true，所以我們可以在res為true時進行下一步操作。

if (res) {
    console.log("數(shù)組有值");
} else {
    console.log("至少輸入一個值");
}

2、every

every的使用方法和some一樣。在MDN中：every()方法測試一個數(shù)組內(nèi)的所有元素是否都能通過某個指定函數(shù)的測試。它返回一個布爾值。

簡而言之就是：它對數(shù)組中的每一項進行校驗，只要有一項不通過它就是false。
注意事項與some一樣。如果要求每一個輸入框中都必須有值時，

let arr2 = [
    { value: "apple" },
    { value: "" },
    { value: "banana" },
    { value: "orange" },
    { value: "er" },
]

var res2 = arr2.every(item => {
    return item.value !== ""
})
console.log(res2);

在這里，只要有一項沒有值，res2就為false。

if (!res2) {
    //res2為真，則走else；為假，則走if
    console.log("輸入框有空值");
} else {
    console.log("輸入框沒空值");
    console.log("進行下步操作");
}

3、find

在MDN中，find()方法返回數(shù)組中滿足提供的測試函數(shù)的第一個元素的值。否則返回 undefined
注意：find()和上面兩個不一樣，它返回的是值，而且是第一個滿足條件的值

let arr3 = [
    { value: "" },
    { value: "" },
    { value: "" },
    { value: "" },
    { value: "apple" },
]
var res3 = arr3.find(item => {
    return item.value !== ""
})
console.log(res3);

可以根據(jù)find的返回值是否為undefined來判斷item中value，

if (res3) {
    //res3有值，在這里進行下一步操作。
    console.log("數(shù)組中至少有一個值");
} else {
    //res3為undefined
    console.log("數(shù)組為空！");
}

到此這篇關(guān)于JS數(shù)組方法some、every和find的使用詳情的文章就介紹到這了,更多相關(guān)JS數(shù)組方法some、every和find的使用內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: