Rumah > hujung hadapan web > tutorial js > Operasi asas tatasusunan js (semuanya diatur oleh saya sendiri)_kemahiran javascript

Operasi asas tatasusunan js (semuanya diatur oleh saya sendiri)_kemahiran javascript

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Lepaskan: 2016-05-16 16:33:42
asal
1355 orang telah melayarinya

Saya telah lama menggunakan js, tetapi saya tidak pernah mempelajari bentuk tatasusunan js. Sekali-sekala, hanya gunakan string.split(char) mudah. Projek yang saya kerjakan dalam tempoh ini menggunakan tatasusunan di banyak tempat, saya fikir saya mahir dalam JS tetapi saya tidak dapat memulakannya. hehe. Selepas mempelajarinya, saya menyedari bahawa tatasusunan js sangat berkuasa, jauh lebih berkuasa daripada VB dan C# Mari kita lihat

1. Penciptaan tatasusunan

var arrayObj = new Array(); //创建一个数组
var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度
var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); //创建一个数组并赋值
Salin selepas log masuk

Perlu diambil perhatian bahawa walaupun kaedah kedua mencipta tatasusunan dan menentukan panjang, sebenarnya tatasusunan adalah panjang berubah-ubah dalam semua kes, walaupun panjangnya dinyatakan sebagai 5, elemen boleh masih disimpan pada panjang yang ditentukan. Jika tidak, sila ambil perhatian: panjang akan berubah dengan sewajarnya.

2. Akses kepada elemen tatasusunan

var testGetArrValue=arrayObj[1]; //Dapatkan nilai elemen tatasusunan
arrayObj[1]= "Ini ialah nilai baharu"; //Tetapkan nilai baharu kepada elemen tatasusunan

3. Menambah elemen tatasusunan

Kod

arrayObj. push([item1 [item2 [. . . [itemN ]]]]);// 将一个或多个新元素添加到数组结尾,并返回数组新长度
arrayObj.unshift([item1 [item2 [. . . [itemN ]]]]);// 将一个或多个新元素添加到数组开始,数组中的元素自动后移,返回数组新长度
arrayObj.splice(insertPos,0,[item1[, item2[, . . . [,itemN]]]]);//将一个或多个新元素插入到数组的指定位置,插入位置的元素自动后移,返回""。
Salin selepas log masuk

4. Pemadaman elemen tatasusunan

arrayObj.pop(); //移除最后一个元素并返回该元素值
arrayObj.shift(); //移除最前一个元素并返回该元素值,数组中元素自动前移
arrayObj.splice(deletePos,deleteCount); //删除从指定位置deletePos开始的指定数量deleteCount的元素,数组形式返回所移除的元素
Salin selepas log masuk

5. Pemintasan dan penggabungan tatasusunan

arrayObj.slice(start, [end]); //Kembalikan sebahagian daripada tatasusunan dalam bentuk tatasusunan Ambil perhatian bahawa elemen yang sepadan dengan akhir tidak disertakan ditiru
arrayObj.concat([item1[, item2[, . . . [,itemN]]]]); //Sambungkan berbilang tatasusunan (juga boleh menjadi rentetan, atau campuran tatasusunan dan rentetan) ke dalam satu tatasusunan, Kembalikan tersambung baharu tatasusunan

6. Salinan tatasusunan

arrayObj.slice(0); //Mengembalikan tatasusunan salinan Ambil perhatian bahawa ia adalah tatasusunan baharu, bukan menunjuk kepada
arrayObj.concat(); //Kembalikan tatasusunan salinan bagi tatasusunan

7. Menyusun elemen tatasusunan

arrayObj.reverse(); //Terbalikkan elemen (yang pertama ke yang terakhir, yang terakhir ke hadapan) dan kembalikan alamat tatasusunan

arrayObj.sort(); // Isih elemen tatasusunan dan kembalikan alamat tatasusunan


8. Stringifikasi elemen tatasusunan

arrayObj.join(separator); //Mengembalikan rentetan yang menghubungkan setiap nilai elemen tatasusunan bersama-sama, dipisahkan oleh pemisah.

toLocaleString, toString, valueOf: boleh dianggap sebagai penggunaan khas join, tidak biasa digunakan


2. Tiga atribut objek tatasusunan

1. atribut panjang

Atribut Length mewakili panjang tatasusunan, iaitu bilangan elemen di dalamnya. Oleh kerana indeks tatasusunan sentiasa bermula dari 0, had atas dan bawah tatasusunan ialah: 0 dan panjang-1 masing-masing. Tidak seperti kebanyakan bahasa lain, sifat panjang tatasusunan JavaScript adalah berubah-ubah, yang memerlukan perhatian khusus. Apabila atribut panjang ditetapkan lebih besar, keadaan keseluruhan tatasusunan sebenarnya tidak berubah, hanya atribut panjang menjadi lebih besar apabila atribut panjang ditetapkan lebih kecil daripada asal, elemen dalam tatasusunan asal dengan indeks lebih besar daripada atau sama dengan panjang akan Semua nilai hilang. Berikut ialah contoh yang menunjukkan perubahan atribut panjang:

Kod


var arr=[12,23,5,3,25,98,76,54,56,76];
//定义了一个包含10个数字的数组
alert(arr.length); //显示数组的长度10
arr.length=12; //增大数组的长度
alert(arr.length); //显示数组的长度已经变为12
alert(arr[8]); //显示第9个元素的值,为56
arr.length=5; //将数组的长度减少到5,索引等于或超过5的元素被丢弃
alert(arr[8]); //显示第9个元素已经变为"undefined"
arr.length=10; //将数组长度恢复为10
alert(arr[8]); //虽然长度被恢复为10,但第9个元素却无法收回,显示"undefined"
Salin selepas log masuk
Daripada kod di atas kita dapat melihat dengan jelas sifat atribut panjang. Tetapi objek panjang bukan sahaja boleh ditetapkan secara eksplisit, ia juga boleh diubah suai secara tersirat. Anda boleh menggunakan pembolehubah tidak diisytiharkan dalam JavaScript Begitu juga, anda juga boleh menggunakan elemen tatasusunan yang tidak ditentukan (merujuk kepada elemen dengan indeks yang lebih besar daripada atau sama dengan panjang). nilai indeks unsur yang digunakan. Contohnya, kod berikut:

var arr=[12,23,5,3,25,98,76,54,56,76];
alert(arr.length);
arr[15]=34;
alert(arr.length);
Salin selepas log masuk

Kod ini juga mula-mula mentakrifkan tatasusunan yang mengandungi 10 nombor Ia boleh dilihat daripada pernyataan amaran bahawa panjangnya ialah 10. Kemudian elemen dengan indeks 15 digunakan dan diberikan nilai 15, iaitu, arr[15]=34 Pada masa ini, pernyataan amaran digunakan untuk mengeluarkan panjang tatasusunan, dan hasilnya ialah 16. Walau apa pun, ini adalah ciri yang mengejutkan untuk pembangun yang terbiasa dengan pengaturcaraan menaip kuat. Sebenarnya, panjang awal tatasusunan yang dicipta menggunakan Tatasusunan() baharu ialah 0. Ia adalah pengendalian elemen tidak ditentukan yang menyebabkan panjang tatasusunan berubah.

Seperti yang anda lihat dari pengenalan di atas, atribut panjang sangat ajaib Anda boleh menggunakannya untuk menambah atau mengurangkan kapasiti tatasusunan dengan mudah. Oleh itu, pemahaman yang mendalam tentang atribut panjang akan membantu menggunakannya secara fleksibel semasa proses pembangunan.

2. atribut prototaip

Mengembalikan rujukan kepada prototaip jenis objek. Sifat prototaip adalah biasa untuk dibantah.

objectName.prototype
Parameter objectName ialah nama objek objek.

Penerangan:

Gunakan sifat prototaip untuk menyediakan set fungsi asas untuk kelas objek. Contoh baharu objek "mewarisi" operasi yang diberikan kepada prototaip objek.
Untuk objek tatasusunan, contoh berikut menggambarkan penggunaan atribut prototaip.
Tambahkan kaedah pada objek tatasusunan yang mengembalikan nilai elemen maksimum dalam tatasusunan. Untuk mencapai ini, isytiharkan fungsi, tambahkannya pada Array.prototype, dan gunakannya.

Kod


function array_max()
{
var i,
max = this[0];
for (i = 1; i < this.length; i++)
{
if (max < this[i])
max = this[i];
}
return max;
}
Array.prototype.max = array_max;
var x = new Array(1, 2, 3, 4, 5, 6);
var y = x.max();
Salin selepas log masuk

Nachdem dieser Code ausgeführt wurde, enthält y den Maximalwert im Array x, also beispielsweise 6.

3. Konstruktorattribut

stellt eine Funktion dar, die ein Objekt erstellt.
object.constructor //object ist der Name des Objekts oder der Funktion.
Beschreibung: Die Eigenschaft „Konstruktor“ ist Mitglied aller Objekte mit Prototyp. Sie umfassen alle nativen JScript-Objekte mit Ausnahme von Global- und Math-Objekten. Die Eigenschaft „Konstruktor“ enthält einen Verweis auf die Funktion, die eine bestimmte Objektinstanz erstellt.
Zum Beispiel:
x = new String("Hi");
if (x.constructor == String) // Prozess (Bedingung ist wahr).

oder
Funktion MyFunc {
// Funktionskörper.
}

y = new MyFunc;
if (y.constructor == MyFunc) // Prozess (Bedingung ist wahr).

Für Arrays:
y = new Array();

Label berkaitan:
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