Rumah > hujung hadapan web > tutorial js > Bekerja dengan susunan bersarang di JavaScript

Bekerja dengan susunan bersarang di JavaScript

Lisa Kudrow
Lepaskan: 2025-02-27 01:02:13
asal
963 orang telah melayarinya

Working With Nested Arrays in JavaScript

Penjelasan terperinci mengenai array JavaScript

JavaScript Array adalah koleksi data yang disimpan dalam borang senarai. Array diakses menggunakan indeks, yang bermaksud bahawa setiap item array boleh diakses melalui indeks integer bermula dari 0.

Sebagai contoh, array mudah kelihatan seperti ini:

let myArray = [1, 2, 3, 4, 5];
Salin selepas log masuk
Dalam contoh ini, elemen pertama array diindeks kepada 0, elemen kedua diindeks kepada 1, dan sebagainya.

tatasusunan sering digunakan untuk menyimpan koleksi data yang memerlukan akses yang cepat dan mudah. Sebagai contoh, jika anda mempunyai sekumpulan pengguna dalam aplikasi anda, anda boleh menyimpannya dalam array dan mengaksesnya melalui indeks.

let users = ["John", "Jane", "Jack"];
console.log(users[0]); // 输出: "John"
Salin selepas log masuk
array boleh menyimpan pelbagai jenis nilai, termasuk rentetan, nombor, dan objek. Ia benar -benar sah untuk menyimpan pelbagai jenis nilai dalam array yang sama.

const varied = [null, undefined, NaN, "string", 12345, {name: "Sam"}];
Salin selepas log masuk
anda juga boleh menyimpan (atau sarang) array dalam array lain. Ini akan mewujudkan array dua dimensi yang dipanggil.

JavaScript Arrays bersarang

Arahan dua dimensi (juga dikenali sebagai pelbagai tatasusunan) hanyalah array yang mengandungi satu atau lebih subarray. Arahan kanak -kanak ini dipanggil bersarang dalam pelbagai induk.

const arrayOfArr = [
  ['value 1', 'value 2'],
  ['value 3', 'value 4'],
  ['value 5', 'value 6']
];
Salin selepas log masuk
array bersarang boleh digunakan untuk kumpulan elemen yang berkaitan. Contohnya, mari kita lihat array dua dimensi berikut:

const animalPairs = [
  // 母的和公的
  ['doe', 'buck'],
  ['ewe', 'ram'],
  ['peahen', 'peacock'],
  ['cow', 'bull'],
];
Salin selepas log masuk
di sini, kami memasangkan nama wanita dan lelaki haiwan yang sama ke dalam setiap array bersarang. Wanita itu berada di sebelah kiri dan lelaki berada di sebelah kanan.

Untuk mengakses elemen pertama, anda boleh menggunakan indeks 0 seperti yang ditunjukkan di bawah:

animalPairs[0]
Salin selepas log masuk
Hasil cetakan dalam konsol:

console.log(animalPairs[0]) // ['doe', 'buck'],
Salin selepas log masuk
Sekarang, untuk mengakses nilai -nilai dalam array bersarang, anda mesti menambah kurungan kedua yang mengandungi indeks nilai yang akan diakses. Sebagai contoh, katakan anda ingin mendapatkan nama wanita dari array pertama. Oleh kerana anda tahu bahawa wanita sentiasa berada di hadapan, anda hanya perlu:

    Gunakan
  • untuk mendapatkan elemen pertama dalam array bersarang ini (dalam kes ini nama wanita): [0]
animalPairs[0][0]
Salin selepas log masuk
output adalah seperti berikut:

console.log(animalPairs[0][0]) // 'doe'
Salin selepas log masuk
jika anda ingin mendapatkan elemen kedua dalam array bersarang pertama:

animalPairs[0][1] // 'buck'
Salin selepas log masuk
Dalam kes ini, hanya terdapat dua elemen dalam setiap array bersarang, jadi indeks kami tamat pada

dan mengembalikan array bersarang, manakala kaedah kedua [ ]: unshift()

const animalPairs = [
  // 将在此处插入母鸡和公鸡
  ['doe', 'buck'],
  ['ewe', 'ram'],
  ['peahen', 'peacock'],
  ['cow', 'bull'],
];
animalPairs.unshift(['hen', 'rooster']);
Salin selepas log masuk
Untuk memasukkan array pada akhir ibu bapa, lulus array ke kaedah

pada array induk: shift()

const animalPairs = [
  ['doe', 'buck'], // 删除此项
  ['ewe', 'ram'],
  ['peahen', 'peacock'],
  ['cow', 'bull'],
];
animalPairs.shift();
Salin selepas log masuk
Akhirnya, untuk memadam array terakhir, lakukan

, id, dll. username

Walau bagaimanapun, memahami bagaimana untuk mengakses dan memanipulasi data dalam susunan bersarang membantu anda memahami bahasa yang lebih baik. Ia juga membantu anda menguasai sintaks untuk melintasi struktur array kompleks dalam JavaScript.

Atas ialah kandungan terperinci Bekerja dengan susunan bersarang di JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan