JavaScriptで指定された値が配列に存在するかどうかを確認する方法

JavaScript は、配列を含むさまざまなデータ型とデータ構造をサポートする非常に強力なプログラミング言語です。 JavaScript アプリケーションを作成する場合、配列内に特定の値が存在するかどうかを確認するコードを作成する必要があることがよくあります。現時点では、この目標を達成するには、いくつかの特定のテクノロジーと方法を使用する必要があります。

この記事では、JavaScript で配列に値が存在するかどうかを判断する方法を紹介します。 JavaScript の組み込みメソッドのいくつかと、カスタム関数を実装する方法を検討します。現在 JavaScript ベースのアプリケーションを開発中で、その中でこのタスクを実行する必要がある場合は、この記事が役立ちます。

JavaScript の組み込みメソッド

JavaScript には、配列内に値が存在するかどうかを判断するための組み込みメソッドがいくつか用意されています。これらのメソッドには、indexOf() メソッドと include() メソッドが含まれます。それらがどのように機能するかを見てみましょう。

indexOf() メソッド

indexOf() メソッドは、配列内の特定の値を検索するために使用され、値が存在する場合は、その値のインデックス位置を返します。値が存在しない場合は、-1 が返されます。以下はサンプル コードです。

let arr = [10, 20, 30, 40, 50];

console.log(arr.indexOf(30)); // 2
console.log(arr.indexOf(60)); // -1

includes() メソッド

includes() メソッドは、配列内の特定の値を検索するために使用され、それが存在する場合は true を返します。値が存在しない場合は false を返します。サンプル コードは次のとおりです。

let arr = [10, 20, 30, 40, 50];

console.log(arr.includes(30)); // true
console.log(arr.includes(60)); // false

カスタム関数

組み込みメソッドに加えて、配列に値が存在するかどうかを判断するカスタム関数を実装することもできます。カスタム関数を含むサンプル コードを次に示します。

function contains(arr, val) {
  for (let i = 0; i < arr.length; i++) {
    if (arr[i] === val) {
      return true;
    }
  }

  return false;
}

let arr = [10, 20, 30, 40, 50];

console.log(contains(arr, 30)); // true
console.log(contains(arr, 60)); // false

この関数は、配列内の各要素を反復処理し、それが探している値と等しいかどうかを確認します。値が見つかった場合は true を返し、そうでない場合は false を返します。

2 番目のパラメータとして関数を渡すことで、より柔軟な検索を実現できることに注意してください。たとえば、配列内の要素が 10 より大きいかどうかを確認し、10 より大きい要素を見つける関数を作成できます。

function contains(arr, fn) {
  for (let i = 0; i < arr.length; i++) {
    if (fn(arr[i])) {
      return true;
    }
  }

  return false;
}

let arr = [10, 20, 30, 40, 50];

console.log(contains(arr, (val) => val > 10)); // true
console.log(contains(arr, (val) => val > 60)); // false

この関数は、配列と関数をパラメータとして受け取ります。この関数は、配列内の各要素をチェックし、要素が一致するかどうかを示すブール値を返すために使用されます。この例では、要素が 10 より大きいかどうかをチェックする関数を渡します。

概要

この記事では、JavaScript で配列に値が存在するかどうかを確認する方法を紹介します。 JavaScript の組み込みメソッドのいくつかと、カスタム関数を実装する方法を調査しました。どの方法を使用するかは、特定のニーズと好みによって異なります。どの方法を選択する場合でも、この記事がお役に立てば幸いです。

以上がJavaScriptで指定された値が配列に存在するかどうかを確認する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。