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.

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

  Salin selepas log masuk
  50 baris ini Kod akan mengeluarkan elemen dengan indeks 2 dalam tatasusunan, iaitu
.

Operasi biasa pada tatasusunan JavaScript[]

30Buat tatasusunan

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

var myArray = [];
myArray[0] = "apple";
myArray[1] = "orange";
myArray[2] = "banana";

var myArray = ["apple", "orange", "banana"];

Salin selepas log masuk

[]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]);
}

10
20
30

Salin selepas log masuk

[]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]

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]

Salin selepas log masuk

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

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]

untuk membalikkan elemen dalam tatasusunan: sort()

var myArray = [10, 20, 30, 40, 50];
myArray.reverse();
console.log(myArray); // [50, 40, 30, 20, 10]

reverse()Penyambungan tatasusunan

Anda boleh menggunakan kaedah

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

var myArray = [10, 20, 30, 40, 50];
console.log(myArray.slice(1, 4)); // [20, 30, 40]

slice()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]

Anda boleh menggunakan kaedah

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

Anda boleh menggunakan

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

Anda boleh menggunakan atribut

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

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!