Heim > Artikel > Web-Frontend > Wie entferne ich Elemente aus einem Array, bis die übergebene Funktion in JavaScript „true“ zurückgibt?

Wie entferne ich Elemente aus einem Array, bis die übergebene Funktion in JavaScript „true“ zurückgibt?

PHPznach vorne: 2023-08-24 16:37:02757Durchsuche

如何从数组中删除元素，直到传递的函数在 JavaScript 中返回 true？

In JavaScript gibt es mehrere Möglichkeiten, Elemente aus einem Array zu entfernen, bis die übergebene Funktion „true“ zurückgibt. In diesem Tutorial gehen wir drei Methoden im Detail durch.

Verwenden von Array.prototype.filter()

Mit der Methode Array.prototype.filter() können Elemente aus einem Array entfernt werden, bis die übergebene Funktion „true“ zurückgibt. Weitere Einzelheiten finden Sie in der Methode Array filter().

Beispiel 1

Der folgende Code zeigt, wie diese Methode verwendet wird -

<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="array"></div>
   <div id="result"></div>
   <script>
      var arr = [1,2,3,4,5,6,7,8,9,10];
      function remove(item) {
         return item < 5;
      }
      var newArr = arr.filter(remove);
      document.getElementById("array").innerHTML = "Array: " + arr;
      document.getElementById("result").innerHTML = "Removed Elements: " + newArr;
   </script>
</body>
</html>

Wie Sie sehen können, haben wir ein Array mit Zahlen von 1 bis 10 erstellt. Verwenden Sie dann die Methode filter(), um alle Elemente mit weniger als 5 zu entfernen. Abschließend zeigen wir das neue Array mit den gelöschten Elementen.

Eine for-Schleife verwenden

Eine andere Möglichkeit, Elemente aus einem Array zu entfernen, bis die übergebene Funktion „true“ zurückgibt, ist die Verwendung einer for-Schleife.

Beispiel 2

Der folgende Code zeigt, wie diese Methode verwendet wird -

<!doctype html>
<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result"></div>
   <script>
      var arr = [1,2,3,4,5,6,7,8,9,10];
      var newArr = [];
      for(var i=0; i < arr.length; i++) {
         if(arr[i] < 5) {
            newArr.push(arr[i]);
         } else {
            break;
         }
      }
      document.getElementById("result").innerHTML = newArr
   </script>
</body>
</html>

Wie Sie sehen können, haben wir erneut ein Array mit Zahlen von 1 bis 10 erstellt. Anschließend verwenden wir eine for-Schleife, um jedes Element im Array zu durchlaufen. Wenn das aktuelle Element kleiner als 5 ist, fügen wir es dem neuen Array hinzu. Ansonsten sind wir nicht auf dem Laufenden. Zum Schluss zeigen wir das neue Array an.

Verwenden von Array.prototype.slice()

Eine andere Möglichkeit, Elemente aus einem Array zu entfernen, bis die übergebene Funktion „true“ zurückgibt, ist die Verwendung der Methode Array .prototype.slice(). Weitere Informationen finden Sie in der Array-Slicing-Methode.

Beispiel 3

Der folgende Code zeigt, wie diese Methode verwendet wird -

<!doctype html>
<html>
<head>
   <title>Examples</title>
</head>
<body>
<div id="result"></div>
<script>
     var arr = [1,2,3,4,5,6,7,8,9,10];
     var newArr = arr.slice(0,5);
     document.getElementById("result").innerHTML = newArr
</script>
</body>
</html>

Wie Sie sehen können, haben wir erneut ein Array mit Zahlen von 1 bis 10 erstellt. Anschließend verwenden wir die Methode slice(), um die ersten 5 Elemente aus dem Array zu extrahieren. Zum Schluss zeigen wir das neue Array an.

Das obige ist der detaillierte Inhalt vonWie entferne ich Elemente aus einem Array, bis die übergebene Funktion in JavaScript „true“ zurückgibt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen

Vorheriger Artikel：Wie kann ich mithilfe von FabricJS überprüfen, ob auf ein Bild ein Zuschnitt angewendet wurde?Nächster Artikel：Wie kann ich mithilfe von FabricJS überprüfen, ob auf ein Bild ein Zuschnitt angewendet wurde?

In Verbindung stehende Artikel

Mehr sehen