Rumah hujung hadapan web tutorial js Menambah, memadam, mengubah suai dan menyemak tatasusunan kemahiran JavaScript study note_javascript

Menambah, memadam, mengubah suai dan menyemak tatasusunan kemahiran JavaScript study note_javascript

May 16, 2016 pm 03:09 PM

Kepentingan tatasusunan dalam bahasa pengaturcaraan terbukti dengan sendirinya. Tatasusunan dalam JavaScript juga merupakan salah satu objek yang paling biasa digunakan . Tidak seperti tatasusunan dalam bahasa peringkat tinggi yang ditaip kuat seperti Java, yang hanya boleh menyimpan unsur jenis yang sama atau subjenisnya, JavaScript boleh menyimpan pelbagai jenis elemen dalam tatasusunan yang sama, dan panjangnya juga boleh dilaraskan secara dinamik, apabila data bertambah atau Kurangkan perubahan automatik kepada panjang tatasusunan.

Array ialah objek biasa dalam JavaScript Ia mempunyai beberapa operasi klasik, seperti menambah, memadam, mengubah suai dan menyemak tatasusunan. Artikel ini terutamanya meringkaskan kaedah operasi yang berkaitan dalam hal ini.

Tambah item tatasusunan

Mula-mula mari kita lihat cara menambahkan item tatasusunan pada tatasusunan. Katakan terdapat tatasusunan:

var arr = [];
Salin selepas log masuk

Di atas mengisytiharkan tatasusunan, tetapi tatasusunan ini ialah tatasusunan kosong [] dan nilai panjangnya ialah 0. Seterusnya kita melihat bagaimana untuk menambah item tatasusunan ke arr tatasusunan. Cara paling mudah ialah menambah item tatasusunan pada tatasusunan melalui nilai indeks:

var arr = [];
arr[0] = 'a';
arr[1] = 'b';
arr[2] = 1;
arr[3] = 2;
console.log(arr); // ["a", "b", 1, 2]
console.log(arr.length); // 4
Salin selepas log masuk

Selain itu, anda juga boleh menambah item tatasusunan pada tatasusunan dengan menukar nilai panjang tatasusunan, tetapi item tatasusunan yang ditambahkan pada tatasusunan dengan cara ini semuanya tidak ditentukan :

var arr = [];
arr[0] = 'a'; // 给数组arr添加一个`a`数组项
arr.length = 5; // 改变数组的`length`值为`5`
console.log(arr); // ["a", undefined × 4]
Salin selepas log masuk

Walaupun kaedah ini juga menambah item tatasusunan pada tatasusunan, ia agak menyusahkan. Malah, menambah item tatasusunan pada tatasusunan tidak begitu menyusahkan Anda boleh menambah item tatasusunan pada tatasusunan melalui kaedah asli yang disediakan oleh tatasusunan.

tekan()

Gunakan kaedah push() untuk menambah satu atau lebih item tatasusunan pada penghujung tatasusunan.

var arr = [];
arr.push('a','b');
console.log(arr); // ['a','b']
unshift()
Salin selepas log masuk

Gunakan kaedah push() untuk menambah satu atau lebih item tatasusunan ke penghujung tatasusunan, kemudian gunakan kaedah unshift() untuk menambah satu atau lebih item tatasusunan ke hadapan tatasusunan:

var arr = ['a','b'];
arr.unshift(1,2);
console.log(arr); // [1, 2, "a", "b"]
Salin selepas log masuk

Sebagai tambahan kepada dua kaedah ini, anda juga boleh menggunakan kaedah splice() untuk menambah item tatasusunan pada tatasusunan:

var arr = ['a','b','c',1,2];
arr.splice(2,0,'d','c','e');
console.log(arr); // ["a", "b", "d", "c", "e", "c", 1, 2]
Salin selepas log masuk

Selain kaedah splice(), anda juga boleh menggunakan kaedah concat() untuk menambah item tatasusunan Walau bagaimanapun, menggunakan kaedah ini tidak akan mengubah tatasusunan asal, tetapi akan mencipta tatasusunan baharu dalam tatasusunan tatasusunan:

var arr = ['a','b','c'];
var arr2 = arr.concat('d',1,2,['e',3]);
console.log(arr); // ["a", "b", "c"]
console.log(arr2); // ["a", "b", "c", "d", 1, 2, "e", 3]
Salin selepas log masuk

Padamkan item tatasusunan

Untuk operasi tatasusunan, selain menambah item tatasusunan, selalunya perlu memadamkan tatasusunan. Kaedah yang biasa digunakan untuk memadam item tatasusunan ialah pop() dan shift().

pop()

Kaedah pop() boleh mengalih keluar item tatasusunan dari hujung tatasusunan:

var arr = ['a','b','c','d',1,2];
arr.pop();
console.log(arr); // ["a", "b", "c", "d", 1]
Salin selepas log masuk

shift()

Kaedah shift() hanyalah bertentangan dengan kaedah pop() Ia boleh memadamkan item pertama tatasusunan:

var arr = ['a','b','c','d',1,2];
arr.shift();
console.log(arr); // ["b", "c", "d", 1, 2]
Salin selepas log masuk

Sama ada kaedah pop() atau shift(), anda hanya boleh memadamkan satu item tatasusunan daripada tatasusunan pada satu masa, tetapi dalam banyak kes, memadamkan item tatasusunan dengan cara ini agak menyusahkan. Dalam operasi tatasusunan, sebagai tambahan kepada dua kaedah ini, item tatasusunan juga boleh dipadamkan melalui kaedah slice() dan splice().

hiris()

Kaedah slice() boleh memadamkan berbilang item tatasusunan daripada tatasusunan, tetapi perbezaannya ialah slice() tidak akan menjejaskan tatasusunan asal, tetapi hanya akan mencipta salinan tatasusunan berdasarkan tatasusunan asal:

var arr = [1,2,3,4,'a','b'];
var arr2 = arr.slice(2);
console.log(arr); // [1, 2, 3, 4, "a", "b"]
console.log(arr2); // [3, 4, "a", "b"]
console.log(arr3); // ["a", "b"]
Salin selepas log masuk

splice()

Selain menambah item tatasusunan pada tatasusunan, kaedah splice() juga boleh memadamkan item tatasusunan daripada tatasusunan:

var arr = [1,2,3,4,'a','b','c'];
var arr2 = arr.splice(2,2);
console.log(arr); // [1, 2, "a", "b", "c"]
console.log(arr2); // [3, 4]
Salin selepas log masuk

Tukar tatasusunan

Kaedah splice() dalam tatasusunan ialah kaedah yang berkuasa dalam tatasusunan Selain menambah dan memadamkan item tatasusunan, ia juga boleh menukar tatasusunan:

var arr = [1,2,3,4,5,6];
var arr2 = arr.splice(2,3,'a','b','c');
console.log(arr); // [1, 2, "a", "b", "c", 6]
console.log(arr2); // [3, 4, 5]
Salin selepas log masuk

Pertanyaan tatasusunan

Pertanyaan tatasusunan yang disebut di sini sebenarnya merujuk kepada pengekstrakan pertanyaan tatasusunan. Kaedah yang digunakan ialah kaedah slice():

var arr = [1,2,3,4,5,6];
var arr2 = arr.slice(-3);
console.log(arr); // [1, 2, 3, 4, 5, 6]
console.log(arr2); // [4, 5, 6]
Salin selepas log masuk

Ringkasan

Berikut ialah ringkasan ringkas kaedah berkaitan untuk menambah, memadam, mengubah suai dan menyemak tatasusunan. Untuk meringkaskan secara ringkas:

Kaedah untuk menambah item tatasusunan: Selain menukar secara langsung nilai item tatasusunan dan mengubahsuai panjang tatasusunan untuk menambah item tatasusunan pada tatasusunan, anda juga boleh menggunakan push(), unshift(), concat() dan splice() untuk menambah item tatasusunan

Kaedah untuk memadam item tatasusunan: Kaedah untuk memadam item tatasusunan termasuk kaedah pop(), shift(), slice() dan splice()

Cara menukar item tatasusunan: Dalam tatasusunan, kaedah splice() digunakan terutamanya untuk menukar item tatasusunan

Kaedah item tatasusunan pertanyaan: Kaedah item tatasusunan pertanyaan sebenarnya ialah fungsi pertanyaan dan pengekstrakan untuk tatasusunan Kaedah utama yang digunakan ialah kaedah slice()

Untuk maklumat tentang kaedah operasi pop(), push(), shift() dan unshift(), sila klik di sini untuk pengenalan berkaitan kaedah concat(), slice() dan splice(), sila klik di sini.

Editor akan memperkenalkan anda kepada penambahan, pemadaman, pengubahsuaian dan carian tatasusunan dalam nota kajian JavaScript di sini. Untuk pengetahuan lanjut tentang JavaScript, sila lawati tapak web rasmi Script House untuk mendapatkan butiran!

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

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.

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Ganti aksara rentetan dalam javascript Ganti aksara rentetan dalam javascript Mar 11, 2025 am 12:07 AM

Penjelasan terperinci mengenai kaedah penggantian rentetan javascript dan Soalan Lazim Artikel ini akan meneroka dua cara untuk menggantikan watak rentetan dalam JavaScript: Kod JavaScript dalaman dan HTML dalaman untuk laman web. Ganti rentetan di dalam kod JavaScript Cara yang paling langsung ialah menggunakan kaedah pengganti (): str = str.replace ("cari", "ganti"); Kaedah ini hanya menggantikan perlawanan pertama. Untuk menggantikan semua perlawanan, gunakan ungkapan biasa dan tambahkan bendera global g: str = str.replace (/fi

8 plugin susun atur halaman jquery yang menakjubkan 8 plugin susun atur halaman jquery yang menakjubkan Mar 06, 2025 am 12:48 AM

Leverage JQuery untuk Layouts Laman Web yang mudah: 8 Plugin Essential JQuery memudahkan susun atur laman web dengan ketara. Artikel ini menyoroti lapan plugin jQuery yang kuat yang menyelaraskan proses, terutamanya berguna untuk penciptaan laman web manual

Bina Aplikasi Web Ajax anda sendiri Bina Aplikasi Web Ajax anda sendiri Mar 09, 2025 am 12:11 AM

Jadi di sini anda, bersedia untuk mempelajari semua perkara ini yang dipanggil Ajax. Tetapi, apa sebenarnya? Istilah Ajax merujuk kepada kumpulan teknologi longgar yang digunakan untuk membuat kandungan web yang dinamik dan interaktif. Istilah Ajax, yang asalnya dicipta oleh Jesse J

10 JQuery Fun and Games Plugin 10 JQuery Fun and Games Plugin Mar 08, 2025 am 12:42 AM

10 Plugin Permainan JQuery yang menyeronokkan untuk menjadikan laman web anda lebih menarik dan meningkatkan keletihan pengguna! Walaupun Flash masih merupakan perisian terbaik untuk membangunkan permainan web kasual, jQuery juga boleh menghasilkan kesan yang mengejutkan, dan walaupun tidak setanding dengan permainan flash aksi tulen, dalam beberapa kes, anda juga boleh bersenang -senang di penyemak imbas anda. permainan jquery tic toe "Hello World" pengaturcaraan permainan kini mempunyai versi jQuery. Kod sumber JQuery Game Composition Crazy Word Ini adalah permainan mengisi kosong, dan ia dapat menghasilkan beberapa hasil yang pelik kerana tidak mengetahui konteks perkataan. Kod sumber JQuery Mine Sweeping Game

Bagaimana saya membuat dan menerbitkan perpustakaan JavaScript saya sendiri? Bagaimana saya membuat dan menerbitkan perpustakaan JavaScript saya sendiri? Mar 18, 2025 pm 03:12 PM

Artikel membincangkan membuat, menerbitkan, dan mengekalkan perpustakaan JavaScript, memberi tumpuan kepada perancangan, pembangunan, ujian, dokumentasi, dan strategi promosi.

JQuery Parallax Tutorial - Latar Belakang Header Animasi JQuery Parallax Tutorial - Latar Belakang Header Animasi Mar 08, 2025 am 12:39 AM

Tutorial ini menunjukkan cara membuat kesan latar belakang paralaks yang menawan menggunakan jQuery. Kami akan membina sepanduk header dengan imej berlapis yang mewujudkan kedalaman visual yang menakjubkan. Plugin yang dikemas kini berfungsi dengan JQuery 1.6.4 dan kemudian. Muat turun

Kandungan kotak beban secara dinamik menggunakan ajax Kandungan kotak beban secara dinamik menggunakan ajax Mar 06, 2025 am 01:07 AM

Tutorial ini menunjukkan membuat kotak halaman dinamik yang dimuatkan melalui AJAX, membolehkan Refresh Instant tanpa tambah nilai halaman penuh. Ia memanfaatkan JQuery dan JavaScript. Fikirkannya sebagai loader kotak kandungan gaya Facebook tersuai. Konsep Utama: Ajax dan JQuery

Cara Menulis Perpustakaan Sesi Kurang Kuki Untuk JavaScript Cara Menulis Perpustakaan Sesi Kurang Kuki Untuk JavaScript Mar 06, 2025 am 01:18 AM

Perpustakaan JavaScript ini memanfaatkan Window.Name Property untuk menguruskan data sesi tanpa bergantung pada kuki. Ia menawarkan penyelesaian yang mantap untuk menyimpan dan mengambil pembolehubah sesi di seluruh pelayar. Perpustakaan menyediakan tiga kaedah teras: sesi

See all articles