Rumah > Artikel > hujung hadapan web > Apakah kegunaan peta dalam jquery
Apakah kegunaan peta dalam jquery
- WBOYasal
- 2022-04-02 16:04:343536semak imbas
Penggunaan: 1. Digunakan untuk menghantar elemen ke dalam koleksi melalui fungsi untuk menghasilkan objek jQuery baharu Sintaks ialah ".map(callback(index,domElement))"; 2. Digunakan untuk memproses elemen dalam tatasusunan . elemen dan merangkumkan hasilnya sebagai tatasusunan baharu untuk dikembalikan, sintaksnya ialah "$.map (array atau objek, fungsi tertentu)".
Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3.
Penggunaan peta dalam jquery
1. map() menghantar setiap elemen ke koleksi padanan semasa melalui fungsi dan menjana objek jQuery baharu yang mengandungi nilai pulangan.
Sintaks
.map(callback(index,domElement))
panggilan balik(index,domElement) Objek fungsi yang dipanggil untuk setiap elemen dalam koleksi semasa.
Memandangkan nilai pulangan ialah tatasusunan yang dikapsulkan oleh jQuery, gunakan get() untuk memproses objek yang dikembalikan untuk mendapatkan tatasusunan asas.
Contoh adalah seperti berikut:
<!DOCTYPE html>
<html>
<head>
<style>p { color:red; }</style>
<script type="text/javascript" src="/jquery/jquery.js"></script>
</head>
<body>
<p><b>Values: </b></p>
<form>
<input type="text" name="name" value="John"/>
<input type="text" name="password" value="password"/>
<input type="text" name="url" value="http://php.cn/"/>
</form>
<script>
$("p").append( $("input").map(function(){
return $(this).val();
}).get().join(", ") );
</script>
</body>
</html>Hasil keluaran:
Fungsi $.map(). digunakan Fungsi yang ditentukan memproses setiap elemen dalam tatasusunan (atau setiap atribut objek) dan merangkum hasil pemprosesan sebagai tatasusunan baharu dan mengembalikannya.
Sebelum jQuery 1.6, fungsi ini hanya menyokong tatasusunan traversing bermula dari 1.6, fungsi ini juga menyokong objek yang melintasi.
map() juga akan menghantar 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.
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.
$.map( object, callback )
Jenis Tatasusunan objek/Jenis objek menentukan tatasusunan atau objek yang perlu diproses.
Jenis Fungsi Panggilan Balik menentukan fungsi pemprosesan.
Contoh adalah 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>Hasil keluaran:
Tutorial video berkaitan yang disyorkan: jQuery tutorial video
Atas ialah kandungan terperinci Apakah kegunaan peta dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!