Bagaimana untuk menukar tatasusunan kepada senarai dalam javascript

Dengan pembangunan berterusan teknologi bahagian hadapan, JavaScript telah menjadi bahagian penting dalam dunia pembangunan bahagian hadapan. Dalam pembangunan bahagian hadapan, pemprosesan operasi data adalah tugas yang sangat penting.

Dalam JavaScript, salah satu cara untuk menyimpan data ialah tatasusunan. Kadangkala, kita perlu menukar tatasusunan ke dalam bentuk senarai (Senarai) Contohnya, semasa memberikan data, kita perlu memaparkan data dalam senarai tersusun.

Artikel ini akan memperkenalkan cara menggunakan JavaScript untuk menukar tatasusunan kepada senarai dan menyediakan kod sampel untuk beberapa cara berbeza.

Kaedah 1: Gunakan untuk gelung

Gunakan untuk gelung untuk lelaran melalui setiap elemen dalam tatasusunan dan masukkannya ke dalam senarai menggunakan innerHTML. Berikut ialah kod sampel:

var arr = ["苹果", "香蕉", "橘子", "西瓜", "葡萄"];

var list = document.createElement("ul");

for(var i = 0; i < arr.length; i++){
    var item = document.createElement("li");
    item.innerHTML = arr[i];
    list.appendChild(item);
}

document.body.appendChild(list);

Kaedah 2: Gunakan fungsi peta

Araray dalam JavaScript mempunyai fungsi peta, yang mengambil setiap elemen dalam tatasusunan dan subskripnya sebagai Parameter dihantar ke fungsi dan hasil pemprosesan dikembalikan sebagai tatasusunan baharu.

Kita boleh menggunakan fungsi peta untuk menukar tatasusunan kepada tatasusunan baharu yang mengandungi elemen senarai dan memasukkannya ke dalam senarai. Berikut ialah kod sampel:

var arr = ["苹果", "香蕉", "橘子", "西瓜", "葡萄"];

var list = document.createElement("ul");

var listItems = arr.map(function(item){
    return "<li>" + item + "</li>";
});

list.innerHTML = listItems.join("");

document.body.appendChild(list);

Kaedah 3: Gunakan fungsi gabungan

Fungsi gabungan dalam JavaScript boleh menggabungkan semua elemen dalam tatasusunan menjadi rentetan, dan kita boleh menukar mengikut format HTML ke dalam rentetan yang mengandungi elemen senarai, dan kemudian memasukkannya ke dalam senarai.

Berikut ialah contoh kod:

var arr = ["苹果", "香蕉", "橘子", "西瓜", "葡萄"];

var list = document.createElement("ul");

var listStr = "<li>" + arr.join("</li><li>") + "</li>";

list.innerHTML = listStr;

document.body.appendChild(list);

Di atas ialah tiga cara untuk menukar tatasusunan kepada senarai. Dalam aplikasi praktikal, kita boleh memilih kaedah yang berbeza mengikut keperluan tertentu.

Apabila menggunakan kod di atas, ingat untuk merangkumnya dalam fungsi dan lulus dalam tatasusunan sebagai parameter. Dengan cara ini kod akan lebih boleh digunakan semula.

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