Comment supprimer des éléments d'un tableau jusqu'à ce que la fonction passée renvoie true en JavaScript ?-js tutoriel-php.cn

Comment supprimer des éléments d'un tableau jusqu'à ce que la fonction passée renvoie true en JavaScript ?

PHPz

Libérer： 2023-08-24 16:37:02

avant

786 Les gens l'ont consulté

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

En JavaScript, il existe plusieurs façons de supprimer des éléments d'un tableau jusqu'à ce que la fonction transmise renvoie vrai. Dans ce tutoriel, nous passerons en revue 3 méthodes en détail.

Utilisation d'Array.prototype.filter()

La méthode Array.prototype.filter() peut être utilisée pour supprimer des éléments d'un tableau jusqu'à ce que la fonction transmise renvoie true. Voir la méthode Array filter() pour plus de détails.

Exemple 1

Le code suivant montre comment utiliser cette méthode -

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

Copier après la connexion

Comme vous pouvez le voir, nous avons créé un tableau contenant des nombres de 1 à 10. Utilisez ensuite la méthode filter() pour supprimer tous les éléments inférieurs à 5. Enfin, nous montrons le nouveau tableau avec les éléments supprimés.

Utiliser une boucle for

Une autre façon de supprimer des éléments d'un tableau jusqu'à ce que la fonction transmise renvoie vrai est d'utiliser une boucle for.

< h2>Exemple 2

Le code suivant montre comment utiliser cette méthode -

<!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>

Copier après la connexion

Comme vous pouvez le voir, nous avons à nouveau créé un tableau contenant des nombres de 1 à 10. Nous utilisons ensuite une boucle for pour parcourir chaque élément du tableau. Si l'élément actuel est inférieur à 5, nous l'ajoutons au nouveau tableau. Sinon, nous sommes hors du coup. Enfin, nous affichons le nouveau tableau.

Utilisation d'Array.prototype.slice()

Une autre façon de supprimer des éléments d'un tableau jusqu'à ce que la fonction transmise renvoie true consiste à utiliser la méthode Array .prototype.slice(). Veuillez vous référer à la méthode de découpage de tableau pour plus de détails.

Exemple 3

Le code suivant montre comment utiliser cette méthode -

<!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>

Copier après la connexion

Comme vous pouvez le voir, nous avons à nouveau créé un tableau contenant des nombres de 1 à 10. Nous utilisons ensuite la méthode slice() pour extraire les 5 premiers éléments du tableau. Enfin, nous affichons le nouveau tableau.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!