masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

Objek Tatasusunan JavaScript

Konsep asas tatasusunan JavaScript

Suatu tatasusunan ialah himpunan nilai, iaitu, ia boleh dianggap sebagai berbilang pembolehubah yang diwakili oleh satu jumlah pembolehubah. Tatasusunan mengandungi 0 atau lebih elemen tatasusunan.

Buat tatasusunan

Gunakan kata kunci baharu dalam JavaScript untuk mencipta tatasusunan adalah seperti berikut:

// Cipta tatasusunan kosong :
New Array()
// Cipta tatasusunan elemen num:
new Array(num)
// Cipta tatasusunan dengan elemen nilai secara langsung:
Array baharu(elemen0,elemen1,elemen2...)

Penjelasan: Tatasusunan(3) bermaksud mencipta tatasusunan dengan 3 elemen, tetapi sebenarnya tatasusunan Bilangan elemen masih berubah-ubah. Berikut ialah contoh yang biasa digunakan untuk mencipta tatasusunan:

var array_1 = new Array();
array_1[0] = 'a';
array_1[1] = 10.5;
array_1[2] = true;

var array_2 = new Array(3)
array_2[0] = {x:10, y:15};
array_2[1] = dokumen . getElementById("article");
array_2[2] = new Array();

var array_3 = new Array('a',10.5,true);


Elemen tatasusunan adalah seperti pembolehubah dan boleh menjadi apa-apa sahaja yang disokong oleh JavaScript, atau malah tatasusunan, seperti yang ditunjukkan dalam contoh di atas.

JavaScript juga menyokong perisytiharan halimunan untuk mencipta tatasusunan:

var array_4 = ['a',10.5,true]; Tetapi harus diperhatikan bahawa array_4 dan array_3 tidak sama, alert(array_3==array_4) akan menghasilkan false.



Operasi elemen tatasusunan

Baca elemen Nilai

tatasusunan mengandungi berbilang elemen tatasusunan Akses kepada elemen tatasusunan dilakukan melalui subskrip Ambil perhatian bahawa subskrip mula dikira dari 0:

var array_3 = new Array('. a',10.5,true);

alert( array_3[1] ); // Output: 10.5

Ubah suai nilai elemen

var array_3 = new Array('a',10.5,true);
array_3[1] = 20; / Berikan nilai baharu pada elemen
alert( array_3[1] ); // Output: 20


Tambah elemen

JavaScript menyokong penambahan elemen baharu terus selepas tatasusunan menggunakan subskrip baharu:

var array_3 = new Array('a',10.5,true);
array_3[ 3] = 'nilai baharu'; // Berikan nilai baharu kepada elemen
alert( array_3[3] ); // Output tetingkap gesaan pop timbul: 20

Tambah lagi elemen tatasusunan Untuk kaedah, anda juga boleh merujuk kepada:

Kaedah tolak JavaScript: Tambahkan satu atau lebih elemen pada penghujung tatasusunan

Kaedah unshift JavaScript: Tambah satu atau lebih elemen pada permulaan daripada tatasusunan

Kaedah splice JavaScript: masukkan, padam atau gantikan elemen tatasusunan

Padam elemen

Untuk memadamkan elemen tatasusunan, sila rujuk yang berikut:

Kaedah pop JavaScript: Tambahkan satu atau lebih elemen pada penghujung tatasusunan

Kaedah anjakan JavaScript: Tambah satu atau lebih elemen pada permulaan tatasusunan

Kaedah sambatan JavaScript: Masukkan, padam atau gantikan Elemen tatasusunan

Petua: Menugaskan elemen tatasusunan kepada null hanya boleh mengosongkan nilai elemen tetapi tidak boleh memadamkan elemen.

Contoh: 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p id="demo"></p>
<button onclick="myFunction()">点我</button>
<script>
Array.prototype.myUcase=function(){
for (i=0;i<this.length;i++){
this[i]=this[i].toUpperCase();
}
}
function myFunction(){
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.myUcase();
var x=document.getElementById("demo");
x.innerHTML=fruits;
}
</script>
</body>
</html>


Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript"> var array_1 = new Array(); array_1[0] = new Array('a','b','c','f'); document.write(array_1); </script> </head> <body> </body> </html>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492441 permainan