Bagaimana untuk menukar objek seperti tatasusunan kepada tatasusunan dalam javascript

Dalam JavaScript, objek seperti tatasusunan ialah sebarang objek yang mempunyai kunci angka dan mempunyai sifat panjang. Sebagai contoh, objek NodeList dalam DOM dan objek argumen dalam fungsi adalah objek seperti tatasusunan. Dalam sesetengah kes, kita perlu menukar objek seperti tatasusunan kepada tatasusunan sebenar untuk memanipulasi data dengan lebih mudah. Artikel ini akan memperkenalkan tiga kaedah untuk menukar objek seperti tatasusunan kepada tatasusunan.

Kaedah 1: kaedah slice tatasusunan

Kaedah pertama ialah menggunakan kaedah slice() tatasusunan, yang boleh menyalin bahagian elemen dari indeks permulaan ke indeks akhir ke tengah tatasusunan baharu. Kita boleh menggunakan kaedah slice() pada objek seperti tatasusunan menggunakan call() atau apply().

Sebagai contoh, kita boleh menggunakan kod berikut untuk menukar objek NodeList kepada tatasusunan:

const nodeList = document.querySelectorAll('li');
const array = Array.prototype.slice.call(nodeList);

Dalam contoh ini, kita mula-mula mendapatkan objek NodeList bagi elemen li menggunakan querySelectorAll () kaedah. Kemudian, kami menukar objek NodeList kepada tatasusunan menggunakan kaedah Array.prototype.slice.call().

Kaedah 2: Gunakan Array.from()

Kaedah kedua ialah menggunakan kaedah Array.from(). Kaedah ini menukar objek seperti tatasusunan atau objek boleh lelar kepada tatasusunan sebenar. Parameter pertama kaedah Array.from() ialah objek yang akan ditukar dan parameter kedua ialah fungsi pemetaan pilihan yang akan digunakan pada setiap elemen.

Sebagai contoh, kita boleh menggunakan kod berikut untuk menukar objek NodeList kepada tatasusunan:

const nodeList = document.querySelectorAll('li');
const array = Array.from(nodeList);

Dalam contoh ini, kita mula-mula mendapatkan objek NodeList bagi elemen li menggunakan querySelectorAll () kaedah. Kemudian, kami menukar objek NodeList kepada tatasusunan menggunakan kaedah Array.from().

Kaedah 3: Gunakan operator spread

Kaedah ketiga ialah menggunakan operator spread…. Operator ini mengembangkan objek boleh lelar ke dalam satu siri parameter. Kita boleh menggunakannya pada tatasusunan kosong dan kemudian masukkan objek seperti tatasusunan ke dalam tatasusunan itu.

Sebagai contoh, kita boleh menggunakan kod berikut untuk menukar objek NodeList kepada tatasusunan:

const nodeList = document.querySelectorAll('li');
const array = [...nodeList];

Dalam contoh ini, kita mula-mula mendapatkan objek NodeList bagi elemen li menggunakan querySelectorAll () kaedah. Kami kemudian menggunakan operator spread untuk menukar objek NodeList ke dalam tatasusunan.

Ringkasan

Tiga kaedah di atas boleh menukar objek seperti tatasusunan kepada tatasusunan sebenar. Apabila memilih kaedah, anda harus mempertimbangkan kebolehbacaan dan prestasi kod. Jika anda perlu menukar sejumlah besar data, gunakan kaedah yang lebih berprestasi. Jika kebolehbacaan lebih penting, gunakan kaedah yang lebih mudah dibaca.

Atas ialah kandungan terperinci Bagaimana untuk menukar objek seperti tatasusunan kepada tatasusunan dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!