Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Adakah peta dalam jquery mengembalikan objek atau sesuatu?
Dalam jquery, fungsi map() mengembalikan tatasusunan terkapsul baharu menggunakan fungsi yang ditentukan; fungsi ini digunakan untuk menggunakan fungsi yang ditentukan untuk memproses setiap elemen dalam tatasusunan atau setiap atribut objek, dan Pemprosesan hasil dikapsulkan dan dikembalikan sebagai tatasusunan baharu; nilai pulangan fungsi ini akan digunakan sebagai elemen dalam tatasusunan hasil.
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi jquery 3.6.0, komputer Dell G3.
fungsi jQuery.map() dalam jquery digunakan untuk memproses setiap elemen dalam tatasusunan (atau setiap atribut objek) menggunakan fungsi yang ditentukan, dan merangkum hasil pemprosesan sebagai Array baru kembali.
Nota:
1. Sebelum jQuery 1.6, fungsi ini hanya menyokong tatasusunan lintasan bermula dari 1.6, fungsi ini juga menyokong objek yang melintasi.
2. map() juga akan menghantar dalam dua parameter kepada fungsi: satu ialah elemen atau nilai atribut bagi lelaran semasa dan satu lagi ialah indeks tatasusunan atau nama atribut objek bagi item lelaran semasa.
3. Nilai pulangan fungsi ini akan digunakan sebagai elemen dalam tatasusunan hasil Jika nilai pulangan adalah batal atau tidak ditentukan, ia tidak akan ditambahkan pada tatasusunan hasil.
Sintaks
$.map( object, callback )
Jenis Tatasusunan objek/Objek menentukan tatasusunan atau objek yang perlu diproses.
Jenis Fungsi Panggilan Balik menentukan fungsi pemprosesan.
Contohnya seperti berikut:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> <style> div { color:blue; } p { color:green; margin:0; } span { color:red; } </style> <script src="js/jquery.min.js"></script> </head> <body> <div></div> <p></p> <span></span> <script> $(function () { var arr = [ "a", "b", "c", "d", "e" ]; $("div").text(arr.join(", ")); arr = $.map(arr, function(n, i){ return (n.toUpperCase() + i); }); $("p").text(arr.join(", ")); arr = $.map(arr, function (a) { return a + a; }); $("span").text(arr.join(", ")); }) </script> </body> </html>
Contohnya seperti berikut:
Meluaskan pengetahuan:
Terdapat kaedah peta dalam js asli kami, dan terdapat juga kaedah peta dalam jQuery Jadi apakah perbezaan antara mereka? Seperti biasa, lihat kod dahulu
Parameter pertama: elemen yang sedang dilalui
Parameter kedua: yang sedang dilalui indeks
Parameter ketiga: tatasusunan yang sedang dilalui
Walau bagaimanapun, ambil perhatian: seperti kaedah forSetiap js asli, tatasusunan pseudo tidak boleh dilalui
Tidak syak lagi bahawa ralat dilaporkan, yang membuktikan bahawa kaedah peta js asli tidak boleh melintasi tatasusunan pseudo
Kemudian mari kita lihat kaedah peta dalam jQuery
Parameter pertama: tatasusunan yang akan dilalui
Parameter kedua: fungsi panggil balik dilaksanakan selepas setiap elemen dilalui
Parameter fungsi panggil balik:
Parameter pertama: elemen yang dilalui
Parameter kedua : Indeks yang dilalui
boleh melintasi tatasusunan sama seperti kaedah peta js asli
Jadi bolehkah ia melintasi tatasusunan pseudo? Jadi mari kita terus ke kod!
Jelas sekali ia boleh dilakukan Sama seperti setiap kaedah dalam jQuery, kaedah peta juga boleh merentasi tatasusunan pseudo
Memandangkan kedua-dua kaedah dan kaedah peta dalam jQuery boleh merentasi tatasusunan dan tatasusunan pseudo, apakah perbezaan antara mereka?
Nilai pulangan lalai bagi setiap kaedah adalah untuk mengembalikan sesiapa yang melelar melalui
2. Nilai pulangan lalai kaedah peta ialah tatasusunan kosong
1. Setiap kaedah tidak menyokong pemprosesan tatasusunan yang dilalui dalam fungsi panggil balik
2. Kaedah peta boleh digunakan dalam fungsi panggil balik Memproses tatasusunan yang dilalui melalui pemulangan, dan kemudian menjana tatasusunan baharu untuk mengembalikan
Anda boleh melihat bahawa tatasusunan dikembalikan oleh kaedah peta ialah indeks ditambah indeks Nilai yang sepadan, jadi kaedah peta boleh memproses tatasusunan yang dilalui melalui pemulangan, dan kemudian menjana tatasusunan baharu untuk mengembalikan
Dan setiap satu tidak menyokong pemprosesan tatasusunan yang dilalui dalam fungsi panggil balik melalui pengembalian
Melalui perbandingan di atas, ia sepatutnya mungkin Sekarang setelah anda memahami perbezaan di antara mereka, anda harus mempunyai pemahaman yang jelas tentang masa untuk menggunakan kaedah peta dan bila untuk menggunakan setiap kaedah, bukan?
Pengesyoran tutorial video: Tutorial video jQuery
Atas ialah kandungan terperinci Adakah peta dalam jquery mengembalikan objek atau sesuatu?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!