Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Adakah peta dalam jquery mengembalikan objek atau sesuatu?

Adakah peta dalam jquery mengembalikan objek atau sesuatu?

WBOY
Lepaskan: 2022-06-24 17:15:58
asal
2390 orang telah melayarinya

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.

Adakah peta dalam jquery mengembalikan objek atau sesuatu?

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi jquery 3.6.0, komputer Dell G3.

map

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 )
Salin selepas log masuk

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>
Salin selepas log masuk

Contohnya seperti berikut:

Adakah peta dalam jquery mengembalikan objek atau sesuatu?

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?

  1. 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!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan