cari
Rumahhujung hadapan webtutorial jsOperasi asas tatasusunan js (semuanya diatur oleh saya sendiri)_kemahiran javascript

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]]]]); //创建一个数组并赋值

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]]]]);//将一个或多个新元素插入到数组的指定位置,插入位置的元素自动后移,返回""。

4. Pemadaman elemen tatasusunan

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

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"
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);

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();

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();

Kenyataan
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
Python vs JavaScript: Komuniti, Perpustakaan, dan SumberPython vs JavaScript: Komuniti, Perpustakaan, dan SumberApr 15, 2025 am 12:16 AM

Python dan JavaScript mempunyai kelebihan dan kekurangan mereka sendiri dari segi komuniti, perpustakaan dan sumber. 1) Komuniti Python mesra dan sesuai untuk pemula, tetapi sumber pembangunan depan tidak kaya dengan JavaScript. 2) Python berkuasa dalam bidang sains data dan perpustakaan pembelajaran mesin, sementara JavaScript lebih baik dalam perpustakaan pembangunan dan kerangka pembangunan depan. 3) Kedua -duanya mempunyai sumber pembelajaran yang kaya, tetapi Python sesuai untuk memulakan dengan dokumen rasmi, sementara JavaScript lebih baik dengan MDNWebDocs. Pilihan harus berdasarkan keperluan projek dan kepentingan peribadi.

Dari C/C ke JavaScript: Bagaimana semuanya berfungsiDari C/C ke JavaScript: Bagaimana semuanya berfungsiApr 14, 2025 am 12:05 AM

Peralihan dari C/C ke JavaScript memerlukan menyesuaikan diri dengan menaip dinamik, pengumpulan sampah dan pengaturcaraan asynchronous. 1) C/C adalah bahasa yang ditaip secara statik yang memerlukan pengurusan memori manual, manakala JavaScript ditaip secara dinamik dan pengumpulan sampah diproses secara automatik. 2) C/C perlu dikumpulkan ke dalam kod mesin, manakala JavaScript adalah bahasa yang ditafsirkan. 3) JavaScript memperkenalkan konsep seperti penutupan, rantaian prototaip dan janji, yang meningkatkan keupayaan pengaturcaraan fleksibiliti dan asynchronous.

Enjin JavaScript: Membandingkan PelaksanaanEnjin JavaScript: Membandingkan PelaksanaanApr 13, 2025 am 12:05 AM

Enjin JavaScript yang berbeza mempunyai kesan yang berbeza apabila menguraikan dan melaksanakan kod JavaScript, kerana prinsip pelaksanaan dan strategi pengoptimuman setiap enjin berbeza. 1. Analisis leksikal: Menukar kod sumber ke dalam unit leksikal. 2. Analisis Tatabahasa: Menjana pokok sintaks abstrak. 3. Pengoptimuman dan Penyusunan: Menjana kod mesin melalui pengkompil JIT. 4. Jalankan: Jalankan kod mesin. Enjin V8 mengoptimumkan melalui kompilasi segera dan kelas tersembunyi, Spidermonkey menggunakan sistem kesimpulan jenis, menghasilkan prestasi prestasi yang berbeza pada kod yang sama.

Beyond the Browser: JavaScript di dunia nyataBeyond the Browser: JavaScript di dunia nyataApr 12, 2025 am 12:06 AM

Aplikasi JavaScript di dunia nyata termasuk pengaturcaraan sisi pelayan, pembangunan aplikasi mudah alih dan Internet of Things Control: 1. Pengaturcaraan sisi pelayan direalisasikan melalui node.js, sesuai untuk pemprosesan permintaan serentak yang tinggi. 2. Pembangunan aplikasi mudah alih dijalankan melalui reaktnatif dan menyokong penggunaan silang platform. 3. Digunakan untuk kawalan peranti IoT melalui Perpustakaan Johnny-Five, sesuai untuk interaksi perkakasan.

Membina aplikasi SaaS Multi-penyewa dengan Next.js (Integrasi Backend)Membina aplikasi SaaS Multi-penyewa dengan Next.js (Integrasi Backend)Apr 11, 2025 am 08:23 AM

Saya membina aplikasi SaaS multi-penyewa berfungsi (aplikasi edTech) dengan alat teknologi harian anda dan anda boleh melakukan perkara yang sama. Pertama, apakah aplikasi SaaS multi-penyewa? Aplikasi SaaS Multi-penyewa membolehkan anda melayani beberapa pelanggan dari Sing

Cara Membina Aplikasi SaaS Multi-Tenant dengan Next.js (Integrasi Frontend)Cara Membina Aplikasi SaaS Multi-Tenant dengan Next.js (Integrasi Frontend)Apr 11, 2025 am 08:22 AM

Artikel ini menunjukkan integrasi frontend dengan backend yang dijamin oleh permit, membina aplikasi edtech SaaS yang berfungsi menggunakan Next.Js. Frontend mengambil kebenaran pengguna untuk mengawal penglihatan UI dan memastikan permintaan API mematuhi dasar peranan

JavaScript: meneroka serba boleh bahasa webJavaScript: meneroka serba boleh bahasa webApr 11, 2025 am 12:01 AM

JavaScript adalah bahasa utama pembangunan web moden dan digunakan secara meluas untuk kepelbagaian dan fleksibiliti. 1) Pembangunan front-end: Membina laman web dinamik dan aplikasi satu halaman melalui operasi DOM dan kerangka moden (seperti React, Vue.js, sudut). 2) Pembangunan sisi pelayan: Node.js menggunakan model I/O yang tidak menyekat untuk mengendalikan aplikasi konkurensi tinggi dan masa nyata. 3) Pembangunan aplikasi mudah alih dan desktop: Pembangunan silang platform direalisasikan melalui reaktnatif dan elektron untuk meningkatkan kecekapan pembangunan.

Evolusi JavaScript: Trend Semasa dan Prospek Masa DepanEvolusi JavaScript: Trend Semasa dan Prospek Masa DepanApr 10, 2025 am 09:33 AM

Trend terkini dalam JavaScript termasuk kebangkitan TypeScript, populariti kerangka dan perpustakaan moden, dan penerapan webassembly. Prospek masa depan meliputi sistem jenis yang lebih berkuasa, pembangunan JavaScript, pengembangan kecerdasan buatan dan pembelajaran mesin, dan potensi pengkomputeran IoT dan kelebihan.

See all articles

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
4 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
4 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
4 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Cara Membuka Segala -galanya Di Myrise
1 bulan yang laluBy尊渡假赌尊渡假赌尊渡假赌

Alat panas

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

SecLists

SecLists

SecLists ialah rakan penguji keselamatan muktamad. Ia ialah koleksi pelbagai jenis senarai yang kerap digunakan semasa penilaian keselamatan, semuanya di satu tempat. SecLists membantu menjadikan ujian keselamatan lebih cekap dan produktif dengan menyediakan semua senarai yang mungkin diperlukan oleh penguji keselamatan dengan mudah. Jenis senarai termasuk nama pengguna, kata laluan, URL, muatan kabur, corak data sensitif, cangkerang web dan banyak lagi. Penguji hanya boleh menarik repositori ini ke mesin ujian baharu dan dia akan mempunyai akses kepada setiap jenis senarai yang dia perlukan.

Dreamweaver Mac版

Dreamweaver Mac版

Alat pembangunan web visual

PhpStorm versi Mac

PhpStorm versi Mac

Alat pembangunan bersepadu PHP profesional terkini (2018.2.1).