Memahami Tatasusunan Javascript

Array ialah salah satu daripada struktur data JavaScript yang paling berkuasa dan digunakan secara meluas. Ia berfungsi seperti kotak ajaib, membolehkan anda menyimpan banyak nilai dalam satu pembolehubah. Sama ada anda sedang membangunkan apl asas atau mengerjakan projek yang kompleks, tatasusunan ialah alat yang anda perlukan.

Mari kita pecahkan tatasusunan langkah demi langkah, menggunakan contoh mudah dan kes penggunaan praktikal. ?

? Apa itu Array?

Susun atur ialah pembolehubah khas, yang boleh menyimpan lebih daripada satu nilai.

❓ Bagaimana untuk Mencipta Tatasusunan?
Menggunakan array literal ialah cara paling mudah untuk mencipta Array JavaScript.
⭐ Sintaks:

 const array_name = [value1, value2, ...];       

? Contoh:

const languages = ["JavaScript", "PHP", "Python"];

✍️ Penjelasan:

• bahasa ialah tatasusunan.
• Ia memegang tiga nilai: "JavaScript", "PHP" dan "Python".
• Setiap nilai mempunyai kedudukan (dipanggil indeks).

? Memahami Indeks Tatasusunan
Indeks tatasusunan bermula dari 0. Begini cara anda mengakses elemen:

console.log(languages[0]); // Output: JavaScript
console.log(languages[1]); // Output: PHP
console.log(languages[2]); // Output: Python

? Melelakan Atas Tatasusunan

Anda boleh menggunakan gelung untuk melalui semua elemen dalam tatasusunan. Kaedah forEach() adalah mudah dan mesra pemula.
? Contoh:

languages.forEach(function(language, index) {
  console.log(index +" => "+ language);
});
/* Output:
0 => JavaScript
1 => PHP
2 => Python
*/

? Kaedah Tatasusunan dan Sifat

Berikut ialah beberapa kaedah dan sifat yang menarik untuk dimainkan dengan tatasusunan:
1️⃣ panjang Harta
Ia mengembalikan panjang tatasusunan, iaitu bilangan itemnya.
? Contoh:

let length = languages.length; 
console.log(length); // Output: 3

kaedah 2️⃣ push()
Untuk menambah elemen baharu pada penghujungnya.
? Contoh:

languages.push("Java");
console.log(languages); // Output: ['JavaScript', 'PHP', 'Python', 'Java']

3️⃣ kaedah unshift()
Untuk menambah elemen baharu pada permulaan.
? Contoh:

languages.unshift("C");
console.log(languages); // Output: ['C', 'JavaScript', 'PHP', 'Python', 'Java']

4️⃣ kaedah pop()
Untuk mengalih keluar elemen terakhir.
? Contoh:

languages.pop();
console.log(languages); // Output: ['C', 'JavaScript', 'PHP', 'Python']

kaedah 5️⃣ shift()
Untuk mengalih keluar elemen pertama.
? Contoh:

languages.shift();
console.log(languages); //  Output: ['JavaScript', 'PHP', 'Python']

kaedah 6️⃣ toString()
Menukar tatasusunan kepada rentetan nilai tatasusunan yang dipisahkan dengan koma.
? Contoh:

let arrString = languages.toString();
console.log(arrString); //  Output: JavaScript,PHP,Python

kaedah 7️⃣ at()
Ia menerima nilai integer dan mengembalikan item pada indeks itu, menerima kedua-dua integer positif dan negatif. Integer negatif dikira secara terbalik daripada item terakhir dalam tatasusunan.
? Contoh:

let value1 = languages.at(2);
console.log(value1); // Output: Python
let value2 = languages.at(-1);
console.log(value2); // Output: Python

8️⃣ kaedah join()
Menggabungkan semua elemen ke dalam rentetan. Ia berkelakuan sama seperti toString(), kecuali anda juga boleh menyediakan pemisah.
? Contoh:

let arrJoin = languages.join(" | ");
console.log(arrJoin); // Output: JavaScript | PHP | Python

9️⃣ kaedah find()
Ini akan mengembalikan entri pertama dalam tatasusunan yang melepasi syarat yang ditentukan. Jika tiada nilai yang memenuhi syarat, undefined dikembalikan.
? Contoh:

 const array_name = [value1, value2, ...];       

? kaedah sort()
Isih unsur tatasusunan.
? Contoh:

const languages = ["JavaScript", "PHP", "Python"];

Terdapat banyak kaedah tatasusunan tambahan yang tersedia. Terokai mereka sendiri dengan bantuan enjin carian dan bereksperimen dengan mereka; ia akan menjadi menyeronokkan untuk dilakukan!?

⁉️ Mengapa Belajar Tatasusunan?

Tatasusunan ada di mana-mana dalam JavaScript! Memahami tatasusunan akan membuka peluang baharu untuk anda sebagai pembangun, daripada pengurusan data dalam apl kepada pemprosesan API.

Kesimpulan

Array adalah rakan terbaik anda apabila berurusan dengan banyak nilai. Mula mempraktikkan konsep yang kita bincangkan dan cuba tatasusunan dalam projek kecil.
Selamat mengekod!✨

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