Bagaimana untuk menukar peta kepada tatasusunan rentetan dalam jquery (dua kaedah)

jQuery menyediakan dua kaedah untuk menukar peta kepada tatasusunan rentetan: jQuery.map() dan Array.prototype.map(). Di bawah adalah penggunaan dan contoh mereka.

1. Gunakan kaedah jQuery.map()

jQuery.map() untuk menukar tatasusunan atau objek kepada tatasusunan lain. Ia menggunakan fungsi panggil balik untuk setiap elemen tatasusunan asal dan membina tatasusunan baharu menggunakan kandungan yang dikembalikan oleh fungsi panggil balik.

Contoh:

var obj = {one:1, two:2, three:3, four:4, five:5};

var arr = jQuery.map(obj, function(val, key){
   return [key, val];
});

console.log(arr); // [["one",1], ["two",2], ["three",3], ["four",4], ["five",5]]

Dalam contoh di atas, kami menukar objek kepada tatasusunan yang terdiri daripada tatasusunan pasangan nilai kunci. Fungsi panggil balik menerima dua parameter, parameter pertama ialah nilai dan parameter kedua ialah kunci Kami menggabungkannya untuk mengembalikan tatasusunan dan mengumpulkannya untuk membina tatasusunan baharu.

2. Gunakan Array.prototype.map()

Kaedah Array.prototype.map() adalah serupa dengan kaedah jQuery.map() dan juga menukar satu tatasusunan kepada tatasusunan yang lain, tetapi ia adalah kaedah pada prototaip tatasusunan, bukan kaedah jQuery.

Contoh:

var arr = [1,2,3,4,5];

var newArr = arr.map(function(val){
   return val * 2;
});

console.log(newArr); // [2, 4, 6, 8, 10]

Dalam contoh ini, kami menukar tatasusunan nombor kepada tatasusunan baharu di mana setiap elemen dalam tatasusunan baharu adalah dua kali ganda saiz elemen yang sepadan dalam tatasusunan asal .

Ringkasan

Gunakan jQuery.map() atau Array.prototype.map() untuk menukar peta menjadi tatasusunan rentetan. Penggunaannya adalah serupa, kecuali satu ialah kaedah jQuery dan satu lagi ialah kaedah prototaip Array. Anda boleh memilih kaedah yang sesuai mengikut situasi anda.

Atas ialah kandungan terperinci Bagaimana untuk menukar peta kepada tatasusunan rentetan dalam jquery (dua kaedah). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!