Rumah > Artikel > hujung hadapan web > Bagaimana untuk memotong tatasusunan dalam JavaScript?

Bagaimana untuk memotong tatasusunan dalam JavaScript?

PHPzke hadapan: 2023-08-30 12:41:02821semak imbas

如何在 JavaScript 中截断数组？

Tutorial ini akan menunjukkan kepada anda cara memotong tatasusunan dalam JavaScript. Memotong tatasusunan bermakna mengalih keluar beberapa elemen dari hujung dan memberikan nilai baharu tatasusunan terpenggal kembali kepada tatasusunan sebenar.

Kadangkala kita perlu memotong tatasusunan. Katakan dalam kes, terdapat tatasusunan di mana terdapat unsur-unsur yang diisih (menurun), kini kita hanya memerlukan unsur-unsur yang disusun k pertama dalam tatasusunan dan mengalih keluar nilai lain. Jadi kita tidak perlu mencipta tatasusunan tambahan dan mengubah suainya serta menetapkannya kepada tatasusunan sebenar.

Terdapat banyak cara untuk memotong tatasusunan, mari lihat kesemuanya.

Tatabahasa

Berikut ialah sintaks untuk memotong tatasusunan:

arr.splice(index, howmany); // the splice() method.
arr.length=idx; // array length property.

Di sini arr ialah susunan asal. idx ialah indeks/kedudukan di mana kita ingin memotong tatasusunan. Indeks ialah kedudukan elemen yang akan dialih keluar dan berapa banyak bilangan elemen yang akan dialih keluar daripada tatasusunan.

Algoritma

LANGKAH 1 - Buat tatasusunan arr dan tambah elemen padanya. Gunakan atribut innerHTML untuk memaparkan arr.
LANGKAH 2 - Gunakan kaedah splice() pada susunan tatasusunan, menghantar indeks dan berapa sebagai hujah. Sebagai alternatif, kita boleh menggunakan arr.length=idx.
Langkah 3 - Paparkan tatasusunan terpotong menggunakan atribut innerHTML.

Contoh 1

Gunakan Array splice()kaedah

Dalam contoh di bawah, kami menggunakan kaedah splice() tatasusunan untuk memotong tatasusunan. Kami mentakrifkan tatasusunan dengan tujuh elemen. Kami memotong elemen di luar kedudukan 3.

<html>
<head>
   <title>Example- Truncate an array in JavaScript</title>
</head>
<body>
   <h3>Truncate an Array using splice() Method-</h3>
   <p id="before">Array before truncate:<br></p>
   <p id="after">Array after truncate:<br></p>
   <script>
      let arr = ["kalyan", "ashis", "anand", "sonu", "tirupati", "nagar", "arjun"];
      document.getElementById('before').innerHTML+=arr
      arr.splice(4, arr.length);
      document.getElementById('after').innerHTML+=arr
   </script>
</body>
</html>

Contoh 2

Gunakan atribut panjang tatasusunan

Dalam contoh ini, kami memotong tatasusunan menggunakan sifat panjang tatasusunan. Kami hanya menetapkan panjang yang diperlukan kepada tatasusunan dan saiznya akan berubah mengikut saiz yang diperuntukkan.

<html>
<head>
   <title>Example- Truncate an array in JavaScript</title>
</head>
<body>
   <h3>Truncate an Array using Array length property-</h3>
   <p id="before">Array before truncate:<br></p>
   <p id="after">Array after truancate:<br></p>
   <script>
      let arr = ["kalyan", "ashis", "anand", "sonu", "tirupati", "nagar", "arjun"];
      document.getElementById('before').innerHTML+=JSON.stringify(arr)
      arr.length=4
      document.getElementById('after').innerHTML+=JSON.stringify(arr)
   </script>
</body>
</html>

Di sini kita menggunakan arr.length=4 untuk menukar tatasusunan kepada saiz 4. Ia mendapat 4 elemen pertama dan selepas itu semua elemen dialih keluar daripada tatasusunan.

Ia mempunyai kelemahan, kita hanya boleh mendapatkan elemen dari indeks permulaan 0 kepada saiz tertentu, tidak seperti penggabungan, kita boleh menentukan indeks permulaan dan indeks penamat secara pilihan.

Sekarang anda mungkin mempunyai soalan dalam fikiran. Bagaimana jika saiz yang kita peruntukkan lebih besar daripada panjang tatasusunan? Kemudian kita mendapat elemen tatasusunan yang tidak ditentukan selepas saiz tatasusunan.

Contoh 3

Dalam contoh di bawah, kami mentakrifkan tatasusunan panjang 7 dan kemudian memperuntukkan saiz yang lebih besar daripada panjang tatasusunan.

<html>
<body>
   <p id="result1"><p>
   <p id="result2"><p>
   <script>
      let arr = ["kalyan", "ashis", "anand", "sonu", "tirupati", "nagar", "arjun"];
      arr.length=15
      document.getElementById('result1').innerHTML=JSON.stringify(arr);
      document.getElementById('result2').innerHTML=arr[13];
   </script>
</body>
</html>

Di sini kita menukar saiz tatasusunan daripada 7 kepada 15 tanpa menambah elemen dalam tatasusunan. Ambil perhatian bahawa elemen dari indeks 7 hingga 14 adalah kosong.

Contoh 4

Gunakan Array slice()kaedah

Dalam contoh di bawah, kami menggunakan kaedah slice() tatasusunan untuk memotong tatasusunan. tatasusunan Kaedah slice() tidak mengubah tatasusunan asal, ia hanya mengembalikan elemen Mengikut hujah yang diberikan. Jadi kita perlu menyimpan elemen yang dikembalikan dalam pembolehubah.

Kami mentakrifkan tatasusunan dengan tujuh elemen. Kami memotong elemen di luar kedudukan 3.

<html>
<head>
   <title>Example- Truncate an array in JavaScript</title>
</head>
<body>
   <h3>Truncate an Array using slice() Method</h3>
   <p id="before">Array before truncate:<br></p>
   <p id="after">Array after truncate:<br></p>
   <script>
      let arr = ["kalyan", "ashis", "anand", "sonu", "tirupati", "nagar", "arjun"];
      document.getElementById('before').innerHTML+=arr
      arr = arr.slice(0, 4);
      document.getElementById('after').innerHTML+=arr
   </script>
</body>
</html>

Di sini arr = arr.slice(0, 4); 0 ialah indeks permulaan tatasusunan dan 4 ialah indeks penamat sehingga kita ingin menyambung tatasusunan, semua elemen akan berada sebelum indeks permulaan yang diberikan dan selepas indeks berakhir dielakkan dan kami kemudian menetapkan tatasusunan yang dikemas kini kepada tatasusunan sebenar.

If arr = arr.slice(2, 5); will be there then output will be
Anand, sonu, tirupati

Dalam tutorial ini, kami mempelajari cara memotong tatasusunan dalam JavaScript menggunakan kaedah splice() dan slice() tatasusunan serta sifat panjang.

Atas ialah kandungan terperinci Bagaimana untuk memotong tatasusunan 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：Muat semula panas dalam ElectronJsArtikel seterusnya：Muat semula panas dalam ElectronJs

Artikel berkaitan

Lihat lagi