Rumah >hujung hadapan web >tutorial js >Penjelasan tentang kaedah Tatasusunan dan Tatasusunan

Penjelasan tentang kaedah Tatasusunan dan Tatasusunan

Patricia Arquette
Patricia Arquetteasal
2025-01-21 00:32:09635semak imbas

Explanation on Arrays and Arrays method

Penjelasan terperinci dan kaedah biasa tatasusunan JavaScript:

Apakah tatasusunan?

Dalam JavaScript, tatasusunan ialah objek khas yang digunakan untuk menyimpan satu siri nilai (elemen) di bawah nama pembolehubah. Nilai boleh terdiri daripada jenis data yang berbeza (nombor, rentetan, boolean, objek, atau tatasusunan lain).

Ciri utama:

  • Tertib: Elemen dalam tatasusunan mempunyai susunan tertentu, dengan kedudukannya diindeks bermula dari 0.
  • Boleh berubah: Sebaik sahaja tatasusunan dicipta, elemennya boleh ditukar.
  • Dinamik: Tatasusunan boleh membesar atau mengecil saiznya mengikut keperluan.

Buat tatasusunan:

  • Perwakilan literal:
<code class="language-javascript">   const myArray = [1, "hello", true, null]; </code>
  • Gunakan pembina Tatasusunan:
<code class="language-javascript">   const anotherArray = new Array(5); // 创建一个包含5个空槽的数组
   const yetAnotherArray = new Array(1, 2, 3); </code>

Akses elemen tatasusunan:

Gunakan tatatanda kurungan segi empat sama dan pengindeksan:

<code class="language-javascript">   const fruits = ["apple", "banana", "orange"];
   console.log(fruits[0]); // 输出: "apple" (第一个元素)
   console.log(fruits[2]); // 输出: "orange" (第三个元素)</code>

Ubah suai elemen tatasusunan:

Tetapkan nilai baharu pada indeks yang diingini:

<code class="language-javascript">   fruits[1] = "grape"; 
   console.log(fruits); // 输出: ["apple", "grape", "orange"]</code>

Kaedah tatasusunan yang biasa digunakan:

  • push(): Tambah satu atau lebih elemen pada penghujung tatasusunan.
<code class="language-javascript">   fruits.push("mango"); </code>
  • pop(): Mengalih keluar elemen terakhir tatasusunan dan mengembalikannya.
<code class="language-javascript">   const removedFruit = fruits.pop(); </code>
  • unshift(): Menambah satu atau lebih elemen pada permulaan tatasusunan.
<code class="language-javascript">   fruits.unshift("kiwi"); </code>
  • shift(): Memadamkan elemen pertama tatasusunan dan mengembalikannya.
<code class="language-javascript">   const firstFruit = fruits.shift(); </code>
  • slice(): Mencipta salinan cetek sebahagian daripada tatasusunan.
<code class="language-javascript">   const citrusFruits = fruits.slice(1, 3); // 从索引1到2(不包括2)的元素</code>
  • splice(): Tambah/buang elemen tatasusunan pada kedudukan yang ditentukan.
<code class="language-javascript">   fruits.splice(1, 0, "pear"); // 在索引1处插入"pear"
   fruits.splice(2, 1); // 从索引2处删除1个元素</code>
  • concat(): Mencipta tatasusunan baharu dengan menggabungkan tatasusunan sedia ada.
<code class="language-javascript">   const combinedFruits = fruits.concat(["pineapple", "strawberry"]); </code>
  • join(): Menggabungkan semua elemen tatasusunan menjadi rentetan, dipisahkan oleh pembatas yang ditentukan.
<code class="language-javascript">   const fruitString = fruits.join(", "); </code>
  • indexOf(): Mengembalikan indeks pertama elemen yang diberikan.
<code class="language-javascript">   const index = fruits.indexOf("apple"); </code>
  • termasuk(): Menyemak sama ada tatasusunan mengandungi elemen.
<code class="language-javascript">   const hasBanana = fruits.includes("banana"); </code>
  • forEach(): Laksanakan fungsi yang disediakan sekali untuk setiap elemen tatasusunan.
<code class="language-javascript">   fruits.forEach(fruit => console.log(fruit)); </code>
  • map(): Mencipta tatasusunan baharu dengan menggunakan fungsi pada setiap elemen tatasusunan asal.
<code class="language-javascript">   const fruitLengths = fruits.map(fruit => fruit.length); </code>
  • filter(): Mencipta tatasusunan baharu yang mengandungi hanya elemen yang lulus ujian yang disediakan oleh fungsi.
<code class="language-javascript">   const longFruits = fruits.filter(fruit => fruit.length > 5); </code>

Ini ialah gambaran keseluruhan asas tatasusunan JavaScript dan kaedahnya. Terdapat banyak kaedah lain yang tersedia, masing-masing mempunyai tujuan tertentu. Harap ini membantu!

Atas ialah kandungan terperinci Penjelasan tentang kaedah Tatasusunan dan Tatasusunan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:Menggunakan Promise.all()Artikel seterusnya:Menggunakan Promise.all()