Apakah kegunaan peta dalam jquery-tutorial js-php.cn

Apakah kegunaan peta dalam jquery

WBOY

Lepaskan： 2022-04-02 16:06:54

asal

3577 orang telah melayarinya

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)".

Apakah kegunaan peta dalam jquery

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))

Salin selepas log masuk

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>

Salin selepas log masuk

Hasil keluaran:

Apakah kegunaan peta dalam jquery

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 )

Salin selepas log masuk

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>

Salin selepas log masuk

Hasil keluaran:

Apakah kegunaan peta dalam jquery