การใช้งาน: 1. ใช้เพื่อส่งองค์ประกอบไปยังคอลเลกชันผ่านฟังก์ชันและสร้างวัตถุ jQuery ใหม่ ไวยากรณ์คือ ".map(callback(index,domElement))" 2. ใช้เพื่อประมวลผลองค์ประกอบในอาร์เรย์และสรุปผลลัพธ์เป็น A อาร์เรย์ใหม่จะถูกส่งกลับ ไวยากรณ์คือ "$.map(array or object, specified function)"
วิธีเริ่มต้นใช้งาน VUE3.0 อย่างรวดเร็ว: ป้อน
สภาพแวดล้อมการทำงานของบทช่วยสอนนี้: ระบบ Windows 10, เวอร์ชัน jquery3.2.1, คอมพิวเตอร์ Dell G3
1. map() จะส่งแต่ละองค์ประกอบไปยังคอลเลกชันที่ตรงกันในปัจจุบันผ่านฟังก์ชัน และสร้างวัตถุ jQuery ใหม่ที่มีค่าส่งคืน
Syntax.map
(callback(index,domElement))
callback(index,domElement) วัตถุฟังก์ชันที่เรียกสำหรับแต่ละองค์ประกอบในคอลเลกชันปัจจุบัน
เนื่องจากค่าที่ส่งคืนเป็นอาร์เรย์ที่ห่อหุ้ม jQuery ให้ใช้ get() เพื่อประมวลผลวัตถุที่ส่งคืนเพื่อรับอาร์เรย์พื้นฐาน
ตัวอย่างจะเป็นดังนี้:
<!DOCTYPE html>
<html>
<หัว>
<สไตล์>p { สี:สีแดง; </style>
<script type="text/javascript" src="/jquery/jquery.js"></script>
</หัว>
<ร่างกาย>
<p><b>ค่า: </b></p>
<แบบฟอร์ม>
<input type="text" name="name" value="John"/>
<input type="text" name="password" value="password"/>
<input type="text" name="url" value="http://php.cn/"/>
</แบบฟอร์ม>
<สคริปต์>
$("p").ผนวก( $("อินพุต").map(function(){
กลับ $(นี้).val();
}).get().join(", ") );
</สคริปต์>
</ร่างกาย>
</html> ผลลัพธ์ที่ได้:
2. ฟังก์ชัน $.map() ใช้ในการประมวลผลแต่ละองค์ประกอบในอาร์เรย์ (หรือแต่ละคุณลักษณะของวัตถุ) โดยใช้ฟังก์ชันที่ระบุ และสรุปผลการประมวลผลเป็นอาร์เรย์ใหม่และส่งคืน
ก่อน jQuery 1.6 ฟังก์ชันนี้รองรับเฉพาะอาร์เรย์การสำรวจเท่านั้น โดยเริ่มจาก 1.6 ฟังก์ชันนี้ยังรองรับวัตถุการสำรวจเส้นทางด้วย
map() จะส่งพารามิเตอร์สองตัวไปยังฟังก์ชัน ตัวแรกคือองค์ประกอบหรือค่าแอตทริบิวต์ของการวนซ้ำปัจจุบัน และอีกตัวคือดัชนีอาร์เรย์หรือชื่อแอตทริบิวต์อ็อบเจ็กต์ของรายการการวนซ้ำปัจจุบัน
ค่าที่ส่งคืนของฟังก์ชันนี้จะถูกใช้เป็นองค์ประกอบในอาร์เรย์ผลลัพธ์ หากค่าที่ส่งคืนเป็นโมฆะหรือไม่ได้กำหนด ก็จะไม่ถูกเพิ่มลงในอาร์เรย์ผลลัพธ์
$.map( object, callback )
object Array/Object type ระบุอาร์เรย์หรืออ็อบเจ็กต์ที่ต้องการประมวลผล
ฟังก์ชันการประมวลผลที่ระบุโดยประเภทฟังก์ชันการเรียกกลับ
ตัวอย่างจะเป็นดังนี้:
<!DOCTYPE html>
<html>
<หัว>
<meta charset="utf-8">
<title>123</title>
<สไตล์>
div { สี: ฟ้า;
p { สี:เขียว; ระยะขอบ:0;
ช่วง { สี: แดง;
</สไตล์>
<script src="js/jquery.min.js"></script>
</หัว>
<ร่างกาย>
<div></div>
<p></p>
<span></span>
<สคริปต์>
$(ฟังก์ชัน () {
var arr = [ "a", "b", "c", "d", "e" ];
$("div").text(arr.join(", "));
arr = $.map(arr, ฟังก์ชั่น(n, i){
กลับ (n.toUpperCase() + i);
-
$("p").text(arr.join(", "));
arr = $.map(arr, ฟังก์ชัน (a) {
กลับ+a;
-
$("span").text(arr.join(", "));
-
</สคริปต์>
</ร่างกาย>
</html> ผลลัพธ์ที่ได้:
วิดีโอสอนที่เกี่ยวข้องที่แนะนำ: วิดีโอสอน jQuery
ด้านบนคือเนื้อหาโดยละเอียดเกี่ยวกับวิธีการใช้แผนที่ใน jquery สำหรับข้อมูลเพิ่มเติม โปรดใส่ใจกับบทความอื่น ๆ ที่เกี่ยวข้องบนเว็บไซต์ PHP Chinese!
