Objek Tatasusunan JavaScript

objek JavaScript Array (array)

Apakah itu array?

Objek tatasusunan menggunakan nama pembolehubah yang berasingan untuk menyimpan satu siri nilai.

Jika anda mempunyai set data (contohnya: nama kereta), terdapat pembolehubah berasingan seperti berikut:

var car1="Saab";
var car2="Volvo" ;
var car3="BMW";

Namun, bagaimana jika anda ingin mencari kereta tertentu? Dan bukan 3 kereta, tetapi 300 kereta? Ini tidak akan menjadi tugas yang mudah!

Cara terbaik ialah menggunakan tatasusunan.

Array boleh menyimpan semua nilai menggunakan satu nama pembolehubah, dan sebarang nilai boleh diakses menggunakan nama pembolehubah.

Setiap elemen dalam tatasusunan mempunyai ID sendiri supaya ia boleh diakses dengan mudah.

Buat tatasusunan

Terdapat tiga cara untuk mencipta tatasusunan.

Kod berikut mentakrifkan objek tatasusunan bernama myCars:

1: Cara konvensional:

var myCars=new Array(
myCars[0 ]=" Saab"; 
myCars[1]="Volvo";
myCars[2]="BMW";

2: Cara mudah:

var myCars= new Array( "Saab","Volvo","BMW");

3: Literal:

var myCars=["Saab","Volvo","BMW"];

Mengakses Tatasusunan

Anda boleh mengakses elemen tertentu dengan menyatakan nama tatasusunan dan nombor indeks.

Contoh berikut boleh mengakses nilai pertama tatasusunan myCars:

var name=myCars[0];

Contoh berikut mengubah suai elemen pertama tatasusunan myCars :

myCars[0]="Opel";

[0] ialah elemen pertama tatasusunan. [1] ialah elemen kedua tatasusunan.

Dalam tatasusunan anda boleh mempunyai objek yang berbeza

Semua pembolehubah JavaScript ialah objek. Elemen tatasusunan ialah objek. Fungsi ialah objek.

Oleh itu, anda boleh mempunyai jenis pembolehubah yang berbeza dalam tatasusunan.

Anda boleh mengandungi elemen objek, fungsi, tatasusunan dalam tatasusunan:

myArray[0]=Date.now;
myArray[1]=myFunction;
myArray[2]=myCars;

Kaedah dan sifat array

Bekerja dengan tatasusunan Objek sifat dan kaedah pratakrif:

var x=myCars.length // Bilangan elemen dalam myCars
var y=myCars.indexOf("Volvo") // Nilai indeks nilai "Volvo"

Peranan objek tatasusunan adalah untuk menyimpan satu siri nilai menggunakan nama pembolehubah yang berasingan.

<html>
<meta charset="utf-8">
<body>
<script type="text/javascript">
var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"
for (i=0;i<mycars.length;i++)
{
document.write(mycars[i] + "<br />")
}
</script>
</body>
</html>

Gunakan pernyataan for...in untuk menggelungkan elemen dalam tatasusunan:

<html>
<meta charset="utf-8">
<body>
<script type="text/javascript">
var x
var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"
for (x in mycars)
{
document.write(mycars[x] + "<br />")
}
</script>
</body>
</html>

Cara menggunakan kaedah concat() untuk menggabungkan dua tatasusunan:

<html>
<meta charset="utf-8">
<body>
<script type="text/javascript">
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
var arr2 = new Array(3)
arr2[0] = "James"
arr2[1] = "Adrew"
arr2[2] = "Martin"
document.write(arr.concat(arr2))
</script>
</body>
</html>

Cara menggunakan Kaedah sort() secara literal mengisih tatasusunan:

<html>
<meta charset="utf-8">
<body>
<script type="text/javascript">
var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"
document.write(arr + "<br />")
document.write(arr.sort())
</script>
</body>
</html>

Cara menggunakan kaedah sort() untuk mengisih tatasusunan secara numerik:

<html>
<meta charset="utf-8">
<body>
<script type="text/javascript">
function sortNumber(a, b)
{
return a - b
}
var arr = new Array(6)
arr[0] = "10"
arr[1] = "5"
arr[2] = "40"
arr[3] = "25"
arr[4] = "1000"
arr[5] = "1"
document.write(arr + "<br />")
document.write(arr.sort(sortNumber))
</script>
</body>
</html>


Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <p id="demo">单击按钮创建一个数组,调用ucase()方法, 并显示结果。</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>