JavaScript 配列に要素が存在するかどうかを確認する方法

青灯夜游
リリース: 2023-01-05 16:12:03
オリジナル
16255 人が閲覧しました

判定方法: 1.indexOf()メソッドを使用、構文「arr.indexOf(検索する値)」; 2.「arr.find()」メソッドを使用; 3.「array.findIndex( )" メソッド; 4. "$.inArray('見つけられる値', arr)" メソッドを使用します。

JavaScript 配列に要素が存在するかどうかを確認する方法

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

#Js は要素が配列内に存在するかどうかを判断します

方法 1:indexOf(item,start);

  • Item: 検索する値;

  • start: オプションの整数パラメータ、デフォルトでは開始位置から検索を開始します。

indexOf(); 配列内の要素の位置を返し、そうでない場合は -1 を返します;

例: var arr=['aaa',' bbb' ,'ccc','ddd','eee'];

  var a=arr.indexOf('ddd');
  console.log(a);   //3
  var b=arr.indexOf('d');
  console.log(b);  //-1
ログイン後にコピー

私のいつもの使い方: if(arr.indexOf(見つけたい要素)>-1){要素の存在に対する操作};

indexOf() は NaN

#メソッド 2: arr.find();

Arr.find() のパラメータはコールバックですfunction. 配列のすべての要素は、戻り値 true を持つ最初の要素が見つかるまでこのコールバック関数を走査し、その後その要素を返し、それ以外の場合は未定義を返します;

  var arr=['aaa','bbb','ccc','ddd','eee'];
  var a=arr.find(function(value,index,arr){
    return value=='bbb';
  })
  console.log(a);  //bbb,这里返回的不是true,而是返回值为true的这个元素;
ログイン後にコピー

私の通常の使用法:

  arr.find(function(value){
    If(value==要查找的值){
      //所做的操作
    }
  })
ログイン後にコピー

メソッド 3: array.findIndex();

findIndex() と find() は使用法が似ています。find() は要素を返し、findIndex は要素の位置を返します。要素。 findIndex(); は、条件を満たす最初の配列要素の位置を返します。すべての要素が条件を満たさない場合は、-1 を返します。 findIndex() は、配列内の各要素が関数を 1 回呼び出しますが、条件が満たされると、は true を返し、findIndex() は条件を満たす要素の位置を返し、後続の値に対して実行関数は呼び出されません。

  var arr=['aaa','bbb','ccc','ddd','eee'];
  var a=arr.find(function(value,index,arr){
    return value=='bbb';
  })
  console.log(a);//1,后面的值不会再调用函数。
ログイン後にコピー

説明: findIndex() と find() を使用して NaN を検索できます;

  var arr=['1','2','3',NaN];
  var a=arr.find(function(value){
    return isNaN(value);
  })
  console.log(a);       //NaN
ログイン後にコピー

方法 4:

jquery の inArray メソッドを使用します。このメソッドは、配列内の要素の添え字を返します。配列に要素が存在しない場合は、-1 を返します。

  var arr=['aaa','bbb','ccc','ddd','eee'];
  var a= $.inArray('bbb',arr);
  console.log(a);    //1
ログイン後にコピー

[推奨学習:

JavaScript 上級チュートリアル

]

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!