Memahami Tatasusunan dalam JavaScript

Tatasusunan dalam JavaScript

Dalam JavaScript, tatasusunan ialah jenis objek khas yang digunakan untuk menyimpan koleksi data tersusun. Tatasusunan boleh menyimpan berbilang nilai jenis data yang berbeza, termasuk nombor, rentetan, objek atau tatasusunan lain.

---

1. Mencipta Tatasusunan

A. Menggunakan Array Literal

Cara yang paling biasa untuk mencipta tatasusunan adalah dengan menggunakan kurungan segi empat sama [].

Contoh:

const fruits = ["Apple", "Banana", "Cherry"];
console.log(fruits); // Output: ["Apple", "Banana", "Cherry"]

B. Menggunakan Array() Constructor baharu

Kaedah ini mencipta tatasusunan kosong atau tatasusunan dengan elemen tertentu.

Contoh:

const numbers = new Array(5); // Creates an array with 5 empty slots
console.log(numbers.length); // Output: 5
const colors = new Array("Red", "Green", "Blue");
console.log(colors); // Output: ["Red", "Green", "Blue"]

---

2. Mengakses Elemen Tatasusunan

Elemen tatasusunan diakses menggunakan pengindeksan berasaskan sifar.

Contoh:

const fruits = ["Apple", "Banana", "Cherry"];
console.log(fruits); // Output: ["Apple", "Banana", "Cherry"]

• Mengemaskini Elemen:

const numbers = new Array(5); // Creates an array with 5 empty slots
console.log(numbers.length); // Output: 5
const colors = new Array("Red", "Green", "Blue");
console.log(colors); // Output: ["Red", "Green", "Blue"]

---

3. Kaedah Tatasusunan Biasa

A. Menambah dan Mengalih Keluar Elemen

• push(): Menambah elemen pada penghujung tatasusunan.

const fruits = ["Apple", "Banana", "Cherry"];
console.log(fruits[0]); // Output: Apple
console.log(fruits[2]); // Output: Cherry

• pop(): Mengalih keluar elemen terakhir.

fruits[1] = "Blueberry";
console.log(fruits); // Output: ["Apple", "Blueberry", "Cherry"]

• unshift(): Menambah elemen pada permulaan.

fruits.push("Mango");
console.log(fruits); // Output: ["Apple", "Banana", "Cherry", "Mango"]

• shift(): Mengalih keluar elemen pertama.

fruits.pop();
console.log(fruits); // Output: ["Apple", "Banana"]

B. Mencari Elemen

• indexOf(): Mencari indeks unsur.

fruits.unshift("Strawberry");
console.log(fruits); // Output: ["Strawberry", "Apple", "Banana"]

• termasuk(): Menyemak sama ada unsur wujud dalam tatasusunan.

fruits.shift();
console.log(fruits); // Output: ["Apple", "Banana"]

C. Mengubah Tatasusunan

• map(): Mencipta tatasusunan baharu dengan mengubah setiap elemen.

console.log(fruits.indexOf("Banana")); // Output: 1

• filter(): Mencipta tatasusunan baharu dengan elemen yang lulus ujian.

console.log(fruits.includes("Cherry")); // Output: false

• reduce(): Mengurangkan tatasusunan kepada satu nilai.

const numbers = [1, 2, 3];
const squared = numbers.map((num) => num ** 2);
console.log(squared); // Output: [1, 4, 9]

D. Menggabung dan Menghiris Tatasusunan

• concat(): Menggabungkan dua atau lebih tatasusunan.

const evenNumbers = numbers.filter((num) => num % 2 === 0);
console.log(evenNumbers); // Output: [2]

• slice(): Mengembalikan sebahagian daripada tatasusunan.

const sum = numbers.reduce((acc, curr) => acc + curr, 0);
console.log(sum); // Output: 6

• splice(): Menambah atau mengalih keluar elemen daripada tatasusunan.

const moreFruits = ["Peach", "Grape"];
const allFruits = fruits.concat(moreFruits);
console.log(allFruits); // Output: ["Apple", "Banana", "Peach", "Grape"]

---

4. Melelakan Atas Tatasusunan

• untuk Gelung:

const sliced = allFruits.slice(1, 3);
console.log(sliced); // Output: ["Banana", "Peach"]

• untuk...Gelung:

allFruits.splice(1, 1, "Orange");
console.log(allFruits); // Output: ["Apple", "Orange", "Peach", "Grape"]

• kaedah forEach():

for (let i = 0; i < fruits.length; i++) {
  console.log(fruits[i]);
}

---

5. Tatasusunan Berbilang Dimensi

Tatasusunan boleh mengandungi tatasusunan lain, mencipta matriks atau struktur berbilang dimensi.

Contoh:

for (let fruit of fruits) {
  console.log(fruit);
}

---

6. Menyusun dan Membalikkan Tatasusunan

• sort(): Isih tatasusunan di tempatnya.

fruits.forEach((fruit) => console.log(fruit));

• reverse(): Membalikkan susunan unsur.

const matrix = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9],
];
console.log(matrix[1][2]); // Output: 6

---

7. Pemusnahan Tatasusunan

Penstrukturan membolehkan anda mengekstrak nilai daripada tatasusunan ke dalam pembolehubah.

Contoh:

const fruits = ["Apple", "Banana", "Cherry"];
console.log(fruits); // Output: ["Apple", "Banana", "Cherry"]

---

8. Ringkasan

• Array digunakan untuk menyimpan koleksi data tersusun dalam JavaScript.
• Akses elemen menggunakan indeks.
• Gunakan kaedah tatasusunan seperti push(), map(), filter() dan reduce() untuk manipulasi dan transformasi.
• Tatasusunan adalah serba boleh dan penting untuk mengendalikan koleksi data dinamik dalam JavaScript.

Hai, saya Abhay Singh Kathayat!
Saya seorang pembangun tindanan penuh dengan kepakaran dalam kedua-dua teknologi hadapan dan belakang. Saya bekerja dengan pelbagai bahasa pengaturcaraan dan rangka kerja untuk membina aplikasi yang cekap, berskala dan mesra pengguna.
Jangan ragu untuk menghubungi saya melalui e-mel perniagaan saya: kaashshorts28@gmail.com.

Atas ialah kandungan terperinci Memahami Tatasusunan dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!