Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > penggunaan tatasusunan javascript

penggunaan tatasusunan javascript

WBOY
Lepaskan: 2023-05-16 09:54:37
asal
594 orang telah melayarinya

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'];
Salin selepas log masuk

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的数组
Salin selepas log masuk

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中没有元素
Salin selepas log masuk

3 Ubah suai elemen tatasusunan

Anda boleh mengubah suai nilai elemen tatasusunan melalui subskrip:

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

4 >

Ya Gunakan atribut panjang untuk mendapatkan panjang tatasusunan:

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

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"]
Salin selepas log masuk

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"]
Salin selepas log masuk

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]);
}
Salin selepas log masuk

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);
});
Salin selepas log masuk

8 Cari kedudukan elemen dalam tatasusunan

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

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

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]
Salin selepas log masuk

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"]
Salin selepas log masuk
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!

sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan