Rumah  >  Artikel  >  hujung hadapan web  >  penggunaan tatasusunan javascript

penggunaan tatasusunan javascript

王林
王林asal
2023-05-16 12:04:37504semak imbas

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.

Apakah tatasusunan JavaScript

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 ;
  • 40Apabila kita perlu mengakses elemen dalam tatasusunan, kita boleh menggunakan kurungan segi empat sama
  • ditambah dengan subskrip elemen untuk merujuknya, seperti:
  • console.log(myArray[2]); // 30
    50 baris ini Kod akan mengeluarkan elemen dengan indeks 2 dalam tatasusunan, iaitu
  • .

Operasi biasa pada tatasusunan JavaScript[]

Seterusnya, kami akan memperkenalkan beberapa operasi yang paling biasa digunakan pada tatasusunan JavaScript satu demi satu:

30Buat tatasusunan

Tatasusunan JavaScript boleh Dicipta dalam dua cara. Kaedah pertama ialah menggunakan kurungan segi empat sama

untuk mendapatkan tatasusunan kosong, dan kemudian tambahkan elemen padanya satu demi satu:

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"];

Mengakses elemen tatasusunan

[]Anda boleh menggunakan kurungan segi empat sama

ditambah subskrip elemen untuk mengakses elemen dalam tatasusunan, atau anda boleh mengakses semua elemen sekaligus melalui gelung:

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

Tambah elemen tatasusunan

[]Untuk menambah elemen pada penghujung tatasusunan , anda boleh menggunakan kaedah

; menambah elemen pada permulaan Elemen 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]

Padam elemen tatasusunan

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]

Antaranya, parameter pertama kaedah

ialah kedudukan permulaan pemadaman, dan parameter kedua ialah bilangan pemadaman. pop()shift()Cari elemensplice()

Anda boleh menggunakan kaedah

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

Isih tatasusunan

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 terbalik

Anda 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 JavaScript

Selain pengenalan di atas Selain operasi biasa, tatasusunan JavaScript mempunyai banyak kegunaan lain.

reverse()Penyambungan tatasusunan

Anda boleh menggunakan kaedah

untuk menggabungkan berbilang tatasusunan menjadi satu tatasusunan:

var array1 = [10, 20];
var array2 = [30, 40];
var result = array1.concat(array2);
console.log(result); // [10, 20, 30, 40]

Pembahagian tatasusunan

Anda 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 tatasusunan

slice()Anda boleh menggunakan kaedah

untuk melaksanakan pemprosesan tertentu pada setiap elemen dalam tatasusunan dan mengembalikan tatasusunan baharu:

var myArray = [10, 20, 30];
var result = myArray.map(function(item) {
  return item * 2; // 将每个元素乘以 2
});
console.log(result); // [20, 40, 60]
slice()Penapisan tatasusunan

Anda boleh menggunakan kaedah

untuk menapis elemen dalam tatasusunan yang memenuhi syarat dan mengembalikan tatasusunan baharu:

var myArray = [10, 20, 30];
var result = myArray.filter(function(item) {
  return item > 15; // 筛选大于 15 的元素
});
console.log(result); // [20, 30]
map()Lelaran tatasusunan

Anda boleh menggunakan

kaedah untuk menapis setiap elemen dalam tatasusunan Elemen melakukan operasi tertentu tanpa mengembalikan sebarang nilai:

var myArray = [10, 20, 30];
myArray.forEach(function(item) {
  console.log(item); // 输出每个元素
});
filter()Panjang tatasusunan

Anda boleh menggunakan atribut

untuk mendapatkan panjang tatasusunan:

var myArray = [10, 20, 30];
console.log(myArray.length); // 3
forEach()Ringkasan

Melalui pengenalan artikel ini, kita boleh memahami penggunaan asas dan operasi biasa tatasusunan JavaScript, supaya kita boleh menggunakan tatasusunan dengan lebih fleksibel dan cekap semasa proses pembangunan. Sudah tentu, fungsi tatasusunan JavaScript jauh lebih daripada ini Untuk pembangun lanjutan, terdapat teknik dan aplikasi yang lebih maju. Kami berharap pembaca boleh terus meneroka dan menemui keupayaan hebatnya dalam proses pembelajaran dan menggunakan tatasusunan JavaScript, dengan itu mencipta kesan interaksi halaman web yang lebih menarik dan praktikal.

Atas ialah kandungan terperinci penggunaan tatasusunan javascript. 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:Proses pemasangan JavaScriptArtikel seterusnya:Proses pemasangan JavaScript