Rumah  >  Artikel  >  hujung hadapan web  >  penggunaan tatasusunan javascript

penggunaan tatasusunan javascript

WBOY
WBOYasal
2023-05-16 09:54:37564semak imbas

Javascript ialah bahasa pengaturcaraan biasa dan salah satu bahasa paling popular dalam pembangunan bahagian hadapan. Dalam pembangunan bahagian hadapan, tatasusunan ialah salah satu jenis data yang paling biasa digunakan untuk menyimpan dan memanipulasi set data. Dalam artikel ini, kami akan memperkenalkan penggunaan asas tatasusunan dalam JavaScript.

1. Cipta tatasusunan

Anda boleh menggunakan dua kaedah berikut untuk mencipta tatasusunan dalam JavaScript:

a adalah Satu set nilai yang dikelilingi oleh kurungan segi empat sama [] boleh ditakrifkan dengan pemisahan koma:

let fruits = ['apple','orange','banana'];

b Gunakan kata kunci baharu

Apabila menggunakan kata kunci baharu untuk mencipta tatasusunan, anda perlu menentukan elemen dalam tatasusunan Bilangan:

let cars = new Array(3); //创建一个大小为3的数组

2. Akses elemen tatasusunan

Subskrip digunakan dalam JavaScript untuk mengakses elemen tatasusunan. Subskrip tatasusunan bermula dari 0 dan meningkat secara berurutan. Contohnya:

console.log(fruits[0]); //输出"apple"
console.log(cars[1]); //输出undefined,因为数组cars中没有元素

3 Ubah suai elemen tatasusunan

Anda boleh mengubah suai nilai elemen tatasusunan melalui subskrip:

fruits[1] = 'grape';
console.log(fruits); //输出["apple","grape","banana"]

4 >

Ya Gunakan atribut panjang untuk mendapatkan panjang tatasusunan:

console.log(fruits.length); //输出3
console.log(cars.length); //输出3,因为数组cars中有3个undefined元素

5. Tambahkan elemen pada penghujung tatasusunan

Anda boleh menggunakan kaedah push() untuk menambah elemen ke penghujung tatasusunan:

fruits.push('pear');
console.log(fruits); //输出["apple","grape","banana","pear"]

6 Padamkan elemen di hujung tatasusunan

Anda boleh menggunakan kaedah pop() untuk memadamkan elemen di hujung tatasusunan. :

fruits.pop();
console.log(fruits); //输出["apple","grape","banana"]

7 Lelaran tatasusunan

Anda boleh menggunakan gelung for untuk mengulang Elemen dalam tatasusunan dan melakukan operasi yang sama pada setiap elemen:

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

Anda boleh gunakan kaedah forEach() untuk mengulangi elemen dalam tatasusunan dan melakukan operasi yang berbeza pada setiap elemen:

fruits.forEach(function(fruit){
    console.log(fruit);
});

8 Cari kedudukan elemen dalam tatasusunan

Anda boleh gunakan kaedah indexOf() untuk mencari kedudukan elemen dalam tatasusunan:

console.log(fruits.indexOf('banana')); //输出2

Jika elemen tiada dalam tatasusunan, kembalikan -1. Anda boleh menggunakan kaedah lastIndexOf() untuk mencari elemen bermula dari hujung tatasusunan.

9. Isih tatasusunan

Anda boleh menggunakan kaedah isih() untuk mengisih tatasusunan:

let numbers = [2,1,3,5,4];
numbers.sort();
console.log(numbers); //输出[1,2,3,4,5]

10 Menggabungkan tatasusunan

Anda boleh menggunakan concat () Kaedah untuk menyambung dua atau lebih tatasusunan:

let vegetables = ['carrot','cauliflower'];
let food = fruits.concat(vegetables);
console.log(food); //输出["apple","grape","banana","carrot","cauliflower"]

Ringkasan

Artikel ini memperkenalkan beberapa penggunaan asas tatasusunan JavaScript, termasuk mencipta tatasusunan, mengakses elemen tatasusunan, mengubahsuai elemen tatasusunan, Dapatkan panjang tatasusunan, tambah dan alih keluar elemen tatasusunan, lelaran pada tatasusunan, cari kedudukan elemen, susun tatasusunan dan cantumkan tatasusunan. Tatasusunan ialah bahagian penting dalam pengaturcaraan JavaScript, dan kebiasaan dengan penggunaan ini boleh membantu kami menggunakan JavaScript dengan lebih baik untuk membangunkan aplikasi bahagian hadapan.

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:tetapan html aArtikel seterusnya:tetapan html a