Heim  >  Artikel  >  Web-Frontend  >  JS-Array-Lernen gibt alle Elemente zurück, die die angegebenen Bedingungen erfüllen

JS-Array-Lernen gibt alle Elemente zurück, die die angegebenen Bedingungen erfüllen

青灯夜游
青灯夜游Original
2021-08-27 15:28:468976Durchsuche

Im vorherigen Artikel „JS-Array-Lernen: Bestimmen, ob alle Array-Elemente die angegebenen Bedingungen erfüllen“ haben wir mehrere Methoden vorgestellt, um zu erkennen, ob alle Array-Elemente die angegebenen Bedingungen erfüllen. Dieses Mal sprechen wir weiter über das Durchlaufen von Arrays und stellen die Methode vor, mit der JavaScript Elemente in einem Array zurückgibt, die bestimmte Bedingungen erfüllen. Freunde in Not können mehr darüber erfahren ~

Der Hauptinhalt des heutigen Artikels ist: Durchlaufen Sie das Array und erkennen Sie, ob das Elemente im Array erfüllen eine Bedingung und geben Array-Elemente zurück, die die Bedingung erfüllen. Einfach ausgedrückt: Es geht darum, Array-Elemente basierend auf bestimmten Bedingungen zu filtern.

Lassen Sie uns im Folgenden zwei Methoden vorstellen, beginnend mit der bekannten for-Schleife und dann die Einführung einer integrierten Funktion – sehen Sie, wie diese Funktion Array-Elemente filtern kann.

Methode 1: For-Schleife verwenden

Implementierungsidee: Verwenden Sie die for-Anweisung, um das Array zu durchlaufen und festzustellen, ob die Array-Elemente die Bedingungen in jeder Schleife erfüllen Wenn Sie die Bedingungen nicht erfüllen, verlassen Sie diese Schleife.

Lassen Sie uns anhand von Beispielen mehr darüber erfahren:

Beispiel 1: Alle geraden Zahlen zurückgeben

var a = [2,3,4,5,6,7,8];
for(var i=0;i<a.length;i++){
	if (a[i] % 2 == 0) {
		console.log(a[i]);
	}else{
		continue;
	}
}

Ausgabeergebnisse:

JS-Array-Lernen gibt alle Elemente zurück, die die angegebenen Bedingungen erfüllen

Beispiel 2: Alle Schaltjahre zurückgeben

var a = [1995,1996,1997,1998,1999,2000,2004,2008,2010,2012,2020];
for(var i=0;i<a.length;i++){
	if(a[i]%4==0 && a[i]%100!=0){
			  console.log(a[i]);
	}
	else {
		continue;
	}
}

Ausgabe Ergebnisse:

JS-Array-Lernen gibt alle Elemente zurück, die die angegebenen Bedingungen erfüllen

Methode 2: Verwenden Sie die filter()-Methode

Die filter()-Methode kann Elemente im Array zurückgeben, die bestimmte Bedingungen erfüllen.

array.filter(function callbackfn(Value,index,array),thisValue)

function callbackfn(Value,index,array): eine Rückruffunktion, die nicht weggelassen werden kann und bis zu drei Parameter akzeptieren kann:

  • Wert: der Wert des aktuellen Array-Elements, der nicht weggelassen werden kann.

  • index: Der numerische Index des aktuellen Array-Elements.

  • array: das Array-Objekt, zu dem das aktuelle Element gehört.

Der Rückgabewert ist ein neues Array, das alle Werte enthält, für die die Callback-Funktion true zurückgibt. Wenn die Rückruffunktion für alle Elemente des Arrays „false“ zurückgibt, beträgt die Länge des neuen Arrays 0.

Lassen Sie uns anhand von Beispielen mehr darüber erfahren:

Beispiel 1: Alle geraden Zahlen zurückgeben

var a = [2,3,4,5,6,7,8];
function f (value) {
	if (value % 2 == 0) {
		return true;
	}else{
		 return false;
	}
}
var b = a.filter(f);
console.log(b);

Ausgabeergebnisse:

JS-Array-Lernen gibt alle Elemente zurück, die die angegebenen Bedingungen erfüllen

Beispiel 2: Alle Schaltjahre zurückgeben

var a = [1995,1996,1997,1998,1999,2000,2004,2008,2010,2012,2020];
function f (value) {
	if(value%4==0 && value%100!=0){
		return true;
	}
	else {
		return false;
	}
}
var b = a.filter(f);
console.log(b);

Ausgabeergebnisse:

JS-Array-Lernen gibt alle Elemente zurück, die die angegebenen Bedingungen erfüllen

Okay, das ist alles. Wenn Sie es brauchen, können Sie sich Folgendes ansehen: Javascript-Video-Tutorial

Das obige ist der detaillierte Inhalt vonJS-Array-Lernen gibt alle Elemente zurück, die die angegebenen Bedingungen erfüllen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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