Rumah > Artikel > hujung hadapan web > penggunaan tatasusunan javascript
JavaScript ialah bahasa skrip yang digunakan secara meluas dalam pembangunan bahagian hadapan web Ia membolehkan pembangun mencapai kesan interaktif yang kaya dalam halaman web melalui sintaksnya yang ringkas, fleksibiliti dan kemudahan penggunaan. Antaranya, tatasusunan JavaScript ialah struktur data yang sangat berguna, yang boleh menyimpan berbilang data dan melakukan pelbagai operasi. Artikel ini melihat secara mendalam tentang penggunaan tatasusunan JavaScript dan menyediakan beberapa petua praktikal untuk pemula dan pembangun pertengahan.
Pertama, marilah kita memahami konsep tatasusunan JavaScript. Ringkasnya, tatasusunan ialah struktur data yang terdiri daripada beberapa elemen dari mana-mana jenis data, disusun dalam susunan tertentu, dan dirujuk oleh subskrip. Dalam tatasusunan, setiap elemen mempunyai kedudukannya sendiri, dipanggil subskrip atau indeks, yang meningkat daripada 0.
Berikut ialah contoh tatasusunan JavaScript ringkas yang mewakili tatasusunan 5 integer:
var myArray = [10, 20, 30, 40, 50];
Dalam tatasusunan ini:
10
ialah elemen pertama, ia subskrip ialah 0; 20
ialah elemen kedua, subskripnya ialah 1; > ialah elemen keempat, subskripnya ialah 3; 30
ialah elemen kelima, subskripnya ialah 4 ;40
Apabila kita perlu mengakses elemen dalam tatasusunan, kita boleh menggunakan kurungan segi empat sama console.log(myArray[2]); // 30
50
baris ini Kod akan mengeluarkan elemen dengan indeks 2 dalam tatasusunan, iaitu Operasi biasa pada tatasusunan JavaScript[]
30
Buat tatasusunan
var myArray = []; myArray[0] = "apple"; myArray[1] = "orange"; myArray[2] = "banana";Kaedah kedua ialah meletakkan elemen secara langsung dalam kurungan segi empat sama dan mengisytiharkan tatasusunan dalam pernyataan:
var myArray = ["apple", "orange", "banana"];
[]
Anda boleh menggunakan kurungan segi empat sama
var myArray = [10, 20, 30]; console.log(myArray[0]); // 10 for (var i = 0; i < myArray.length; i++) { console.log(myArray[i]); }Kod ini akan mengeluarkan semua elemen dalam tatasusunan, iaitu:
10 20 30
[]
Untuk menambah elemen pada penghujung tatasusunan , anda boleh menggunakan kaedah
:
var myArray = [10, 20, 30]; myArray.push(40); // 添加元素 40 到数组末尾 myArray.unshift(0); // 添加元素 0 到数组开头 console.log(myArray); // [0, 10, 20, 30, 40]
Untuk memadamkan elemen pada penghujung tatasusunan, anda boleh menggunakan kaedah push()
; untuk memadamkan elemen pada permulaan tatasusunan, anda boleh menggunakan Kaedah unshift()
untuk memadam elemen pada sebarang kedudukan, anda boleh menggunakan kaedah
var myArray = [0, 10, 20, 30, 40]; myArray.pop(); // 删除最后一个元素 myArray.shift(); // 删除第一个元素 myArray.splice(1, 2); // 删除第 2~3 个元素 console.log(myArray); // [20, 30]
ialah kedudukan permulaan pemadaman, dan parameter kedua ialah bilangan pemadaman. pop()
shift()
Cari elemensplice()
untuk mencari sama ada elemen terkandung dalam tatasusunan Kaedah ini akan mengembalikan subskrip kejadian pertama elemen, atau splice()
(jika tidak Ditemui):
var myArray = [10, 20, 30, 20, 40]; console.log(myArray.indexOf(20)); // 1 console.log(myArray.indexOf(50)); // -1
Anda boleh menggunakan kaedah indexOf()
untuk mengisih elemen dalam tatasusunan Secara lalainya ialah mengisih elemen dalam susunan rentetan Anda boleh lulus fungsi perbandingan untuk menyesuaikan peraturan pengisihan: -1
var myArray = [40, 10, 30, 20, 50]; myArray.sort(); console.log(myArray); // [10, 20, 30, 40, 50] myArray.sort(function(a, b) { return a - b; }); console.log(myArray); // [10, 20, 30, 40, 50]Array terbalikAnda boleh menggunakan kaedah
untuk membalikkan elemen dalam tatasusunan: sort()
var myArray = [10, 20, 30, 40, 50]; myArray.reverse(); console.log(myArray); // [50, 40, 30, 20, 10]Lain penggunaan tatasusunan JavaScriptSelain pengenalan di atas Selain operasi biasa, tatasusunan JavaScript mempunyai banyak kegunaan lain.
reverse()
Penyambungan tatasusunan
var array1 = [10, 20]; var array2 = [30, 40]; var result = array1.concat(array2); console.log(result); // [10, 20, 30, 40]Pembahagian tatasusunanAnda boleh menggunakan Ekstrak sebahagian daripada tatasusunan dan jana tatasusunan baharu:
var myArray = [10, 20, 30, 40, 50]; console.log(myArray.slice(1, 4)); // [20, 30, 40]
concat()
Antaranya, parameter pertama kaedah ialah subskrip titik permulaan, dan parameter kedua ialah subskrip titik akhir, tidak termasuk subskrip titik akhir Elemen yang ditunjuk. Pemetaan tatasusunanslice()
Anda boleh menggunakan kaedah
var myArray = [10, 20, 30]; var result = myArray.map(function(item) { return item * 2; // 将每个元素乘以 2 }); console.log(result); // [20, 40, 60]
slice()
Penapisan tatasusunan var myArray = [10, 20, 30]; var result = myArray.filter(function(item) { return item > 15; // 筛选大于 15 的元素 }); console.log(result); // [20, 30]
map()
Lelaran tatasusunan
var myArray = [10, 20, 30]; myArray.forEach(function(item) { console.log(item); // 输出每个元素 });
filter()
Panjang tatasusunan
var myArray = [10, 20, 30]; console.log(myArray.length); // 3
forEach()
Ringkasan
Atas ialah kandungan terperinci penggunaan tatasusunan javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!