Heim > Web-Frontend > js-Tutorial > So ermitteln Sie, ob ein Element in einem Javascript-Array vorhanden ist

So ermitteln Sie, ob ein Element in einem Javascript-Array vorhanden ist

青灯夜游
Freigeben: 2023-01-05 16:12:03
Original
16499 Leute haben es durchsucht

Beurteilungsmethode: 1. Verwenden Sie die Methode indexOf(), Syntax „arr.indexOf (zu findender Wert)“ 2. Verwenden Sie die Methode „arr.find()“ 3. Verwenden Sie die Methode „array.findIndex()“; "-Methode; 4. Verwenden Sie die Methode „$.inArray('zu findender Wert', arr)".

So ermitteln Sie, ob ein Element in einem Javascript-Array vorhanden ist

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Js bestimmt, ob ein Element im Array vorhanden ist

Methode 1: indexOf(item,start);

  • Item: der zu findende Wert;

  • start: optionaler ganzzahliger Parameter , standardmäßig beginnt die Suche an der Startposition.

indexOf(); Gibt die Position des Elements im Array zurück, oder -1, wenn es nicht gefunden wird;

Beispiel: 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
Nach dem Login kopieren

Meine übliche Verwendung: if(arr.indexOf(element to be find)>-1){Operation für Elementexistenz};

indexOf() kann NaN nicht finden

Methode 2: arr. find (); Der Parameter von

Arr.find() ist eine Rückruffunktion, bis das erste Element mit dem Rückgabewert true gefunden wird, und gibt dann das Element zurück , undefiniert wird zurückgegeben;

  var arr=['aaa','bbb','ccc','ddd','eee'];
  var a=arr.find(function(value,index,arr){
    return value=='bbb';
  })
  console.log(a);  //bbb,这里返回的不是true,而是返回值为true的这个元素;
Nach dem Login kopieren

Meine übliche Verwendung:

  arr.find(function(value){
    If(value==要查找的值){
      //所做的操作
    }
  })
Nach dem Login kopieren

Methode 3: array.findIndex();

findIndex() sind in der Verwendung ähnlich gibt die Position des Elements zurück. findIndex(); gibt die Position des ersten Array-Elements zurück, das die Bedingungen erfüllt. Wenn nicht alle Elemente die Bedingungen erfüllen, wird findIndex() zurückgegeben. Jedes Element im Array ruft die Funktion einmal auf, aber wenn die Bedingung erfüllt ist gibt true zurück, findIndex() gibt die Position des Elements zurück, das die Bedingungen erfüllt, und die Ausführungsfunktion wird für nachfolgende Werte nicht aufgerufen.

  var arr=['aaa','bbb','ccc','ddd','eee'];
  var a=arr.find(function(value,index,arr){
    return value=='bbb';
  })
  console.log(a);//1,后面的值不会再调用函数。
Nach dem Login kopieren

 Hinweis: findIndex() und find() können verwendet werden, um NaN zu finden;

  var arr=['1','2','3',NaN];
  var a=arr.find(function(value){
    return isNaN(value);
  })
  console.log(a);       //NaN
Nach dem Login kopieren

Methode 4:

Verwenden Sie die inArray-Methode von jquery, die den Index des Elements im Array zurückgibt, wenn es nicht existiert im Array, dann return -1;

  var arr=['aaa','bbb','ccc','ddd','eee'];
  var a= $.inArray('bbb',arr);
  console.log(a);    //1
Nach dem Login kopieren

[Lernempfehlung: Javascript-Tutorial für Fortgeschrittene]

Das obige ist der detaillierte Inhalt vonSo ermitteln Sie, ob ein Element in einem Javascript-Array vorhanden ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage