1、some

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

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

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

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

數(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時(shí)進(jìn)行下一步操作。

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

2、every

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

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

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

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

在這里，只要有一項(xiàng)沒有值，res2就為false。

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

3、find

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

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有值，在這里進(jìn)行下一步操作。
    console.log("數(shù)組中至少有一個(gè)值");
} 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)文章希望大家以后多多支持腳本之家！

最新評論