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

Penjelasan tentang kaedah Tatasusunan dan Tatasusunan

Patricia Arquette
Lepaskan: 2025-01-21 00:32:09
asal
685 orang telah melayarinya

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>
Salin selepas log masuk
  • Gunakan pembina Tatasusunan:
<code class="language-javascript">   const anotherArray = new Array(5); // 创建一个包含5个空槽的数组
   const yetAnotherArray = new Array(1, 2, 3); </code>
Salin selepas log masuk

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>
Salin selepas log masuk

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>
Salin selepas log masuk

Kaedah tatasusunan yang biasa digunakan:

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

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!

sumber:php.cn
Kenyataan Laman Web ini
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 terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan