JavaScriptのsome()の使い方をわかりやすく解説します

JavaScript-some()アイキャッチ JavaScript

この記事では、JavaScriptのsome()を使って配列の要素を検索する方法について見ていきたいと思います。  

some()とは

some()は、配列に指定した条件に合う要素が存在するときに真偽値を返すメソッドです。

条件はsome()の引数の中に指定します。

some()の書き方

配列.some(コールバック関数);

some()の引数

some()の引数の中では条件を指定します。

条件にはコールバック関数を使います。

コールバック関数とは

コールバック関数というのは関数の中で使われる関数のことですね。

コールバック関数の引数には次の３つがあります。

コールバック関数の引数

第１引数・・・現在処理されている要素

第２引数・・・現在処理されている要素のインデックス（任意）

第３引数・・・呼び出し元の配列（任意）

some()の返り値

・真偽値（trueもしくはfalse）

条件に合っていれば「true」、合っていなければ「false」が返されます。

それでは、some()を使って配列の要素を検索する例を見ていきたいと思います。

まずは第１引数（現在処理されている要素）を使った場合の例を見ていきましょう。

第１引数（現在処理されている要素）を使った例

それでは第１引数（現在処理されている要素）を使った例を見ていきたいと思います。

  1. let numbers = [11, 21, 31, 41, 51];
  2. let boolean1 = numbers.some( element => element >= 30 );
  3. let boolean2 = numbers.some( element => element >= 60 );
  4. console.log(boolean1);
  5. console.log(boolean2);


ここでは、配列を変数「numbers」に代入しています。

１つめの条件を30以上にし、２つめの条件を60以上にしています。

なので、それぞれの条件に合う要素があるかどうかがコンソールに表示されるはずです。

見てみると

こうですね。

１つ目の条件の30以上の要素はあるので「true」が返され、

２つ目の条件の60以上の要素はないので「false」が返されています。

では次に第２引数（現在処理されている要素のインデックス）を使った場合の例を見ていきましょう。

第２引数（現在処理されている要素のインデックス）を使った例

それでは第２引数（現在処理されている要素のインデックス）を使った例を見ていきたいと思います。

  1. let numbers = [11, 21, 31, 41, 51];
  2. let boolean1 = numbers.some( (element, index) => index >= 3 );
  3. let boolean2 = numbers.some( (element, index) => index >= 5 );
  4. console.log(boolean1);
  5. console.log(boolean2);


１つ目はインデックスを３以上という条件にし、２つ目はインデックスを5以上という条件にしています。

見てみると

こうですね。

１つ目の3以上の要素はあるので「true」が、２つ目の5以上の要素はないので「false」が返されています。

それでは次に第３引数（呼び出し元の配列）を使った場合の例を見ていきましょう。

第３引数（呼び出し元の配列）を使った例

それでは第３引数（呼び出し元の配列）を使った例を見ていきたいと思います。

  1. let numbers = [11, 21, 31, 41, 51];
  2. let boolean1 = numbers.some( (element, index, array) => array[index] >= 60 );
  3. let boolean2 = numbers.some( (element, index, array) => array[index] >= 30 );
  4. console.log(boolean1);
  5. console.log(boolean2);


１つ目は配列の要素のそれぞれの値を60以上という条件にし、

２つ目は配列の要素のそれぞれの値を30以上という条件にしています。

見てみると

こうですね。

１つ目の60以上の要素はあるので「false」が、

２つ目の30以上の要素はないので「true」が返されています。

まとめ

このように、some()を使うことで条件を指定して配列を検索することができます。

検索の条件はコールバック関数で指定するということでした。

その結果、条件に合った要素があるかどうかを真偽値で返されるということですね。

配列の検索には他にもindexOf()、find()、findIndex()などが使えますので、

よろしければご参照ください。

コメント

タイトルとURLをコピーしました