JS配列メソッドsome、every、findの使用に関する詳細

1. いくつか

some()メソッドは、指定された関数のテストに合格する要素が配列内に少なくとも 1 つあるかどうかをテストします。 Boolean値を返します。

つまり、配列内の各項目をチェックし、 1 つの項目が合格する限り、それはtrueです。

trueかfalseのみを返します
配列内の各項目をテストします。 someではif else演算を実行しないでください。
returnの後にtrueまたはfalseを記述しないでください。 return後に条件が続きます。

最近、バックエンド管理システムの作業中に、 Dialogがポップアップするという要件に遭遇しました。 Dialogのinputに値があれば問題ありませんが、そうでない場合は、少なくとも 1 つの値が存在する必要があるというプロンプトが表示されます。

データ構造はsomeのとおりです。

arr = [とする
    { 値: "apple" },
    { 価値： "" }、
    { 値: "バナナ" },
    { 値: "オレンジ" },
    { 価値： "" }、
]
res = arr.some(item=>{ とする
    戻り値 item.value !== ""
})
コンソールログ(res);

ここでは、値がある限りresはtrueなので、 resがtrueのときに次のステップに進むことができます。

もし（res）{
    console.log("配列に値があります");
} それ以外 {
    console.log("少なくとも 1 つの値を入力してください");
}

2. すべての

every someと同じように使用できます。 MDN より: every()メソッドは、配列内のすべての要素が指定された関数のテストに合格するかどうかをテストします。ブール値を返します。

つまり、配列内の各項目をチェックし、いずれかの項目が失敗した場合はfalseになります。
some場合と同様の注意事項です。各入力ボックスに値を入力する必要があれば、

arr2 = [とする
    { 値: "apple" },
    { 価値： "" }、
    { 値: "バナナ" },
    { 値: "オレンジ" },
    { 値: "er" },
]

var res2 = arr2.every(item => {
    戻り値 item.value !== ""
})
コンソールログ(res2);

ここで、1 つの項目に値が存在しない限り、 res2 falseになります。

もし (!res2) {
    //res2がtrueの場合はelseへ進み、falseの場合はifへ進む
    console.log("入力ボックスに空の値があります");
} それ以外 {
    console.log("入力ボックスに空の値がありません");
    console.log("次のステップに進みます");
}

3. 見つける

MDNによれば、 find()メソッドは、指定されたテスト関数を満たす配列の最初の要素の値を返します。それ以外の場合はundefinedを返します
注意: find() は上記の 2 つとは異なります。値を返しますが、条件を満たす最初の値です。

arr3 = [とする
    { 価値： "" }、
    { 価値： "" }、
    { 価値： "" }、
    { 価値： "" }、
    { 値: "apple" },
]
var res3 = arr3.find(item => {
    戻り値 item.value !== ""
})
コンソールログ(res3);

findの戻り値がundefinedあるかどうかに基づいて、 itemのvalu判断できます。

もし(res3){
    //res3 に値がある場合は、ここで次の手順に進みます。
    console.log("配列には少なくとも 1 つの値があります");
} それ以外 {
    //res3 は未定義です
    console.log("配列は空です!");
}

JS 配列メソッド some、 every 、 find使用方法について説明したこの記事はこれで終わりです。JS 配列メソッドsome 、 every 、 findの使用方法の詳細については、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません: