ホームページ > ウェブフロントエンド > フロントエンドQ&A > JavaScript は配列に次のものが含まれるかどうかを判断します。

JavaScript は配列に次のものが含まれるかどうかを判断します。

王林
リリース: 2023-05-17 20:47:06
オリジナル
3693 人が閲覧しました

JavaScript では、配列に要素が含まれているかどうかを判断するのは非常に一般的な操作です。さまざまなニーズに応じて、さまざまな方法を使用して、配列に特定の要素が含まれているかどうかを判断できます。この記事では、一般的な判断方法をいくつか紹介します。

方法 1: include() メソッドを使用する

ES6 では、配列に要素が含まれているかどうかを判断するための include() メソッドが配列に提供されています。その構文は次のとおりです。

array.includes(searchElement[, fromIndex])

このうち、searchElement は検索する要素を表し、fromIndex は検索の開始位置を表し、デフォルト値は 0 です。

includes() メソッドは、指定された要素が配列に含まれているかどうかを示すブール値を返します。

次は、includes() メソッドを使用して配列に要素が含まれているかどうかを判断するサンプル コードです。

const fruits = ['apple', 'banana', 'orange'];

console.log(fruits.includes('apple')); // true
console.log(fruits.includes('banana')); // true
console.log(fruits.includes('pear')); // false
ログイン後にコピー

方法 2:indexOf() メソッドを使用します

コードで必要な場合は、ES5 以前のバージョンと互換性があり、indexOf() メソッドを使用して配列に要素が含まれているかどうかを確認できます。その構文は次のとおりです。

array.indexOf(searchElement[, fromIndex])

このうち、searchElement は検索する要素を表し、fromIndex は検索の開始位置を表し、デフォルト値は 0 です。

indexOf() メソッドは、配列内で指定された要素が最初に出現する位置を示す数値を返します。要素が配列に含まれていない場合は、-1 が返されます。

次は、indexOf() メソッドを使用して配列に要素が含まれているかどうかを判断するサンプル コードです。

const fruits = ['apple', 'banana', 'orange'];

console.log(fruits.indexOf('apple') !== -1); // true
console.log(fruits.indexOf('banana') !== -1); // true
console.log(fruits.indexOf('pear') !== -1); // false
ログイン後にコピー

方法 3: find() メソッドを使用します

ES6 にも提供されている find() メソッド。条件を満たす配列内の最初の要素を取得するために使用できます。配列内に一致する要素がない場合は、unknown が返されます。これを使用して、配列に要素が含まれているかどうかを判断できます。以下は、find() メソッドを使用して配列に要素が含まれているかどうかを判断するサンプル コードです。

const fruits = ['apple', 'banana', 'orange'];

console.log(fruits.find(item => item === 'apple') !== undefined); // true
console.log(fruits.find(item => item === 'banana') !== undefined); // true
console.log(fruits.find(item => item === 'pear') !== undefined); // false
ログイン後にコピー

ここでの find() メソッドは、パラメータ項目を受け入れるアロー関数を使用し、各要素を表します。配列。アロー関数の戻り値は、 item が検索対象の要素と等しいかどうかで、等しい場合は true を返し、そうでない場合は false を返します。 find()メソッドは最終的に、検索結果が未定義かどうか、つまり条件を満たす要素があるかどうかを返します。

方法 4: some() メソッドを使用する

find() メソッドと同様に、ES6 には some() メソッドも用意されており、修飾された要素があるかどうかを判断するために使用できます。配列の要素。一致する要素が配列内に存在する場合は true を返し、それ以外の場合は false を返します。以下は、some() メソッドを使用して、配列に要素が含まれているかどうかを判断するサンプル コードです。

const fruits = ['apple', 'banana', 'orange'];

console.log(fruits.some(item => item === 'apple')); // true
console.log(fruits.some(item => item === 'banana')); // true
console.log(fruits.some(item => item === 'pear')); // false
ログイン後にコピー

ここでの some() メソッドは、パラメータ項目を受け入れるアロー関数を使用し、各要素を表します。配列。アロー関数の戻り値は、 item が検索対象の要素と等しいかどうかで、等しい場合は true を返し、そうでない場合は false を返します。最終的に some() メソッドは検索結果が true かどうか、つまり条件を満たす要素があるかどうかを返します。

概要

この記事では、配列に要素が含まれているかどうかを確認する一般的な方法をいくつか紹介します。 indexOf() メソッド

    find() メソッド
  • some() メソッド
  • ニーズに応じてメソッドの 1 つを選択できます。 ES6 以降を使用している場合は、より直観的で便利な include() メソッドまたは find() メソッドを使用することをお勧めします。ES5 以前のバージョンとの互換性が必要な場合は、indexOf() メソッドを使用できます。メソッドまたは some( ) メソッド。

以上がJavaScript は配列に次のものが含まれるかどうかを判断します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート