cari

Rumah >hujung hadapan web >tutorial js >Bagaimana untuk mengalih keluar elemen dari tatasusunan sehingga fungsi yang diluluskan kembali benar dalam JavaScript?

Bagaimana untuk mengalih keluar elemen dari tatasusunan sehingga fungsi yang diluluskan kembali benar dalam JavaScript?

PHPz
PHPzke hadapan
2023-08-24 16:37:02811semak imbas

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

Dalam JavaScript, terdapat pelbagai cara untuk mengalih keluar elemen daripada tatasusunan sehingga fungsi yang diluluskan kembali benar. Dalam tutorial ini kita akan membincangkan 3 kaedah secara terperinci.

Menggunakan Array.prototype.filter()

Kaedah Array.prototype.filter() boleh digunakan untuk mengalih keluar elemen daripada tatasusunan sehingga fungsi yang diluluskan kembali benar. Lihat kaedah Array filter() untuk butiran lanjut.

Contoh 1

Kod berikut menunjukkan cara menggunakan kaedah ini -

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

Seperti yang anda lihat, kami telah mencipta tatasusunan yang mengandungi nombor dari 1 hingga 10. Kemudian gunakan kaedah filter() untuk mengalih keluar semua elemen kurang daripada 5. Akhir sekali, kami menunjukkan tatasusunan baharu dengan elemen yang dipadam.

Menggunakan gelung for

Cara lain untuk mengalih keluar elemen daripada tatasusunan sehingga fungsi yang diluluskan kembali benar ialah menggunakan gelung for.

Contoh 2

Kod berikut menunjukkan cara menggunakan kaedah ini -

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

Seperti yang anda lihat, kami sekali lagi telah mencipta tatasusunan yang mengandungi nombor dari 1 hingga 10. Kami kemudiannya menggunakan gelung for untuk mengulangi setiap elemen dalam tatasusunan. Jika elemen semasa kurang daripada 5, kami menambahnya pada tatasusunan baharu. Jika tidak, kita keluar dari gelung. Akhirnya, kami memaparkan tatasusunan baharu.

Menggunakan Array.prototype.slice()

Cara lain untuk mengalih keluar elemen daripada tatasusunan sehingga fungsi yang diluluskan kembali benar adalah dengan menggunakan kaedah Array .prototype.slice(). Sila rujuk kaedah penghirisan tatasusunan untuk butiran.

Contoh 3

Kod berikut menunjukkan cara menggunakan kaedah ini -

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

Seperti yang anda lihat, kami sekali lagi telah mencipta tatasusunan yang mengandungi nombor dari 1 hingga 10. Kemudian kami menggunakan kaedah slice() untuk mengekstrak 5 elemen pertama daripada tatasusunan. Akhirnya, kami memaparkan tatasusunan baharu.

Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar elemen dari tatasusunan sehingga fungsi yang diluluskan kembali benar dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam
Artikel sebelumnya：Bagaimana untuk menyemak sama ada imej telah dipangkas menggunakan FabricJS?Artikel seterusnya：Bagaimana untuk menyemak sama ada imej telah dipangkas menggunakan FabricJS?

Artikel berkaitan

Lihat lagi