JavaScriptで渡された関数がtrueを返すまで配列から要素を削除するにはどうすればよいですか?-jsチュートリアル-php.cn

JavaScriptで渡された関数がtrueを返すまで配列から要素を削除するにはどうすればよいですか?

PHPz

リリース： 2023-08-24 16:37:02

転載

756 人が閲覧しました

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

JavaScript では、渡された関数が true を返すまで配列から要素を削除するさまざまな方法があります。このチュートリアルでは、3 つの方法を詳しく説明します。

Array.prototype.filter() の使用

Array.prototype.filter() メソッドを使用すると、渡された関数が true を返すまで配列から要素を削除できます。詳細については、Array filter() メソッドを参照してください。

例 1

次のコードは、このメソッドの使用方法を示しています -

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

ログイン後にコピー

ご覧のとおり、1 から 10 までの数値を含む配列を作成しました。次に、filter() メソッドを使用して、5 未満の要素をすべて削除します。最後に、削除された要素を含む新しい配列を示します。

for ループの使用

渡された関数が true を返すまで配列から要素を削除するもう 1 つの方法は、for ループを使用することです。

< h2>例 2

次のコードは、このメソッドの使用方法を示しています。

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

ログイン後にコピー

ご覧のとおり、配列を再度作成しました。次に、for ループを使用して、配列内の各要素を反復処理します。現在の要素が 5 未満の場合、それを新しい配列に追加します。そうでなければ、私たちは蚊帳の外です。最後に、新しい配列を表示します。

Array.prototype.slice() の使用

渡された関数が true を返すまで配列から要素を削除するもう 1 つの方法は、Array .prototype.slice() メソッドを使用することです。詳細については、配列のスライス方法を参照してください。

例 3

次のコードは、このメソッドの使用方法を示しています -

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

ログイン後にコピー

ご覧のとおり、配列を再度作成しました。次に、slice() メソッドを使用して、配列から最初の 5 つの要素を抽出します。最後に、新しい配列を表示します。

以上がJavaScriptで渡された関数がtrueを返すまで配列から要素を削除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。