Apakah Cara Paling Cekap untuk Menukar HTMLCollection kepada Array dalam JavaScript?

Penukaran HTMLCollection kepada Array yang Cekap

Menukar HTMLCollection kepada tatasusunan ialah tugas biasa dalam pembangunan bahagian hadapan. Walaupun melelaran secara manual dan menolak setiap item adalah pendekatan yang mudah, terdapat kaedah yang lebih optimum untuk dipertimbangkan.

Pendekatan Kod Asli

Satu alternatif yang cekap ialah menggunakan kaedah asli Kaedah Array.prototype.slice.call():

var arr = Array.prototype.slice.call(htmlCollection)

Kaedah ini menukarkan HTMLKoleksi kepada tatasusunan dengan menghirisnya.

Ungkapan Ringkas

Ungkapan yang lebih ringkas dengan fungsi yang sama secara berkesan ialah:

var arr = [].slice.call(htmlCollection);

Kaedah Array.from()

ECMAScript 2015 (ES 6) memperkenalkan kaedah Array.from(), yang menyediakan cara yang jelas untuk menukar daripada iterable kepada array:

var arr = Array.from(htmlCollection);

Spread Operator

ES 6 juga menawarkan pengendali hamparan, yang boleh digunakan secara fungsi bersamaan dengan Array.from():

var arr = [...htmlCollection];

Pertimbangan Prestasi

Perbandingan prestasi kaedah ini pada NodeList tidak menunjukkan perbezaan yang ketara.

Kesimpulan

Kaedah ini menawarkan cara yang cekap untuk menukar HTMLCollection kepada tatasusunan. Pilihan kaedah mungkin bergantung pada senario tertentu, dengan ciri ES 6 yang lebih baharu seperti Array.from() dan operator spread yang menyediakan簡潔 dan alternatif moden.

Atas ialah kandungan terperinci Apakah Cara Paling Cekap untuk Menukar HTMLCollection kepada Array dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!