ดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

Map ใน JavaScript คืออะไร?

  •  Map เป็นโครงสร้างข้อมูลใน JavaScript ซึ่งอนุญาตให้จัดเก็บคู่ [คีย์ค่า] ซึ่งค่าใด ๆ สามารถใช้เป็นคีย์หรือค่าได้
  • คีย์และค่าในการรวบรวม ของ mapอาจเป็นประเภทใดก็ได้และหากมีการเพิ่มค่าลงในการเก็บ map โดยใช้ key ที่มีอยู่แล้วในการรวบรวมแล้วค่าใหม่จะแทนที่ค่าเก่า
  • การวนซ้ำขององค์ประกอบในวัตถุ map เสร็จสิ้นในลำดับการแทรกและลูป“  For…” จะส่งคืนอาร์เรย์ของคู่ [คีย์ค่า] ทั้งหมดสำหรับการวนซ้ำแต่ละครั้ง

ความแตกต่างระหว่างวัตถุและ map ใน JavaScript
โครงสร้างข้อมูลทั้งสองนี้มีความคล้ายคลึงกันในหลาย ๆ วิธีเช่นทั้งค่าที่เก็บโดยใช้คีย์อนุญาตให้เรียกใช้ค่าเหล่านั้นได้โดยใช้คีย์การลบคีย์ อย่างไรก็ตามมีความแตกต่างอย่างมากระหว่างวัตถุและ map ใน JavaScript ซึ่งทำให้การใช้ map เป็นตัวเลือกที่ดีและดีกว่าในหลายกรณี

  • ปุ่มที่ใช้ใน map สามารถเป็นค่าประเภทใดก็ได้เช่นฟังก์ชั่นวัตถุ ฯลฯ ในขณะที่ปุ่มในวัตถุนั้น จำกัด อยู่ที่สัญลักษณ์และสตริง
  • ขนาดของ map สามารถทราบได้ง่ายโดยใช้คุณสมบัติขนาด แต่ในขณะที่จัดการกับวัตถุขนาดจะต้องกำหนดด้วยตนเอง
  • map ควรเป็นที่ต้องการในกรณีที่ความต้องการเกี่ยวข้องกับการเพิ่มและการลบคู่ [คีย์, ค่า] เนื่องจาก map เป็นชนิดข้อมูลซ้ำและสามารถทำซ้ำได้โดยตรงในขณะที่วนวัตถุต้องได้รับกุญแจในลักษณะที่เฉพาะเจาะจง

Method Map.delete () ใน JavaScript 
Map.delete () ใน JavaScript จะใช้ในการลบ  Elements (อีลีเมนท์ ที่ระบุในองค์ประกอบทั้งหมดที่มีอยู่ใน map

เมธอด Map.delete () ใช้คีย์ที่ต้องการลบออกจาก map ดังนั้นจะลบองค์ประกอบที่เกี่ยวข้องกับคีย์นั้นและคืนค่าจริง หากคีย์ไม่ปรากฏขึ้นก็จะส่งกลับเท็จ

การใช้งาน:

  • Map.delete () ใช้เพื่อลบองค์ประกอบที่เกี่ยวข้องกับคีย์ท่ามกลางองค์ประกอบทั้งหมดที่มีอยู่ใน map   

ตัวอย่างโค้ด

<script> 
// creating a map object 
var my_map = new Map(); 

// Adding [key, value] pair to the map 
my_map.set(1, 'first'); 
my_map.set(2, 'second'); 
my_map.set(3,'third'); 
my_map.set(4,'fourth'); 

// will display true as key '3' 
// is present and its associated 
// element is removed as well 
document.write(my_map.delete(3),"</br>","</br>"); 


// elements left in the map after deletion 
document.write("key-value pair of the map", 
				" after deletion-","</br>"); 

my_map.forEach(function (item, key, mapObj) 
{ 
	document.write(key.toString(),":", 
				" ",item.toString() + "<br />"); 
}); 

</script>						 

ผลลัพธ์ที่ได้

true

key-value pair of the map after deletion-
1: first
2: second
4: fourth

ข้อผิดพลาดและข้อยกเว้น:

  • ถ้า key pass เป็นอาร์กิวเมนต์ของฟังก์ชันนั้นไม่มีอยู่ใน map ดังนั้นมันจะส่งคืนค่าเท็จ โดยทั่วไปจะไม่ส่งข้อยกเว้นใด ๆ หรือไม่มีข้อผิดพลาด

ความแตกต่างในการทำงานของ Map.clear (), Map.erase () และฟังก์ชั่นนี้
  Map.clear () ลบคู่ค่าคีย์ทั้งหมดของ map และลดขนาดของ map เป็นศูนย์ โดยที่ Map.erase () ลบค่าที่แม็พที่ระบุซึ่งคีย์ถูกส่งผ่านเป็นอาร์กิวเมนต์หรือตัววนซ้ำหรืออยู่ในช่วงเพื่อลบคู่

 

ช่องทางการศึกษาเพิ่มเติมข่าวที่น่าสนใจเกี่ยวกับ : JAVASCRIPT

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ลืมรหัส เบอร์เก่าเปลี่ยน ใช้งานhotmailไม่ได้
โดย Anonymous ส 14 ธ.ค. 2019 11:11 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
13
ส 14 ธ.ค. 2019 11:11 pm โดย บุคคลทั่วไป
วิธีการดึงข้อมูลปลั็กอินจาก field ที่ผู้ใช้กรอกในไฟล์ xml มาในไฟล์ php
โดย jamepiyawat ส 14 ธ.ค. 2019 5:56 pm บอร์ด Joomla Developing Knowledge
0
11
ส 14 ธ.ค. 2019 5:56 pm โดย jamepiyawat
VDO - MDfiles Version 1.3.46
โดย numtan5839 ส 14 ธ.ค. 2019 5:46 pm บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
2
12
ส 14 ธ.ค. 2019 6:37 pm โดย numtan5839
สอบถามการเปลี่ยน templete บนเว็บ minndphp หน่อยค่ะ
โดย nnamfon.26 ส 14 ธ.ค. 2019 1:39 pm บอร์ด MindPHP News & Feedback
2
25
ส 14 ธ.ค. 2019 1:48 pm โดย nnamfon.26
VDO - Calculation program after including VAT
โดย numtan5839 ส 14 ธ.ค. 2019 10:27 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
1
9
ส 14 ธ.ค. 2019 11:09 am โดย thatsawan
งานประจำวันที่ 14 ธันวาคม 2562
โดย numtan5839 ส 14 ธ.ค. 2019 10:13 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
3
7
ส 14 ธ.ค. 2019 7:01 pm โดย numtan5839
วิธีการกำหนด css ให้กับ คลาสแบบ !important โดยใช้งาน JQuery
โดย Ittichai_chupol ศ 13 ธ.ค. 2019 5:53 pm บอร์ด Jquery & Ajax Knowledge
0
17
ศ 13 ธ.ค. 2019 5:53 pm โดย Ittichai_chupol
โปรแกรมคำนวณภาษีมูลค่าเพิ่มหลังรวม VAT
โดย prmindphp ศ 13 ธ.ค. 2019 5:31 pm บอร์ด MindPHP News & Feedback
0
16
ศ 13 ธ.ค. 2019 5:31 pm โดย prmindphp
กาลครั้งหนึ่ง ของโปรแกรมเมอร์ฝึกหัด ???
โดย chatee supasand ศ 13 ธ.ค. 2019 4:03 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
21
ศ 13 ธ.ค. 2019 4:03 pm โดย chatee supasand
โปรแกรมเมอร์ คนแรกของโลก คือใคร?
โดย noppadonsk ศ 13 ธ.ค. 2019 3:18 pm บอร์ด Share Knowledge
0
21
ศ 13 ธ.ค. 2019 3:18 pm โดย noppadonsk
RGB กับ CMYK ให้สีแตกต่างกันอย่างไร
โดย noppadonsk ศ 13 ธ.ค. 2019 3:01 pm บอร์ด Share Knowledge
0
9
ศ 13 ธ.ค. 2019 3:01 pm โดย noppadonsk
SECUMAIL เทคโนโลยีป้องกันการ Hack อีเมล
โดย noppadonsk ศ 13 ธ.ค. 2019 2:32 pm บอร์ด Share Knowledge
0
20
ศ 13 ธ.ค. 2019 2:32 pm โดย noppadonsk
VDO - Introducing to Plugin Content MChangelog
โดย numtan5839 ศ 13 ธ.ค. 2019 1:33 pm บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
3
23
ส 14 ธ.ค. 2019 2:55 pm โดย mindphp
Teamviewer 15 ใช้งาน TeamViewer Pilot ได้แล้วบน PC
โดย chatee supasand ศ 13 ธ.ค. 2019 12:09 pm บอร์ด Microsoft Office Knowledge & line & Etc
1
21
ศ 13 ธ.ค. 2019 1:38 pm โดย rihankhan
VDO โปรแกรมคำนวณภาษีมูลค่าเพิ่มหลังรวม VAT
โดย numtan5839 ศ 13 ธ.ค. 2019 10:05 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
4
22
ส 14 ธ.ค. 2019 5:42 pm โดย mindphp
icon ธงภาษาไม่แสดง
โดย numtan5839 ศ 13 ธ.ค. 2019 9:48 am บอร์ด MindPHP News & Feedback
0
28
ศ 13 ธ.ค. 2019 9:48 am โดย numtan5839
งานประจำวันที่ 13 ธันวาคม 2562
โดย numtan5839 ศ 13 ธ.ค. 2019 9:27 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
3
26
ศ 13 ธ.ค. 2019 7:33 pm โดย numtan5839
งานประจำวันที่ 13 ธันวาคม 2562
โดย noppadonsk ศ 13 ธ.ค. 2019 9:03 am บอร์ด MT36 - นายนพดล สุชญากูล
14
49
ส 14 ธ.ค. 2019 11:57 am โดย jamepiyawat
Plugin Content MChangeLog ใน Joomla เป็นตัวช่วยให้ เพิ่มเนื้อหาที่มีการเปลี่ยนแปลงแบบ เพิ่มเนื้อหา อัพเดด fix ปัญหา
โดย prmindphp พฤ 12 ธ.ค. 2019 6:46 pm บอร์ด MindPHP News & Feedback
0
39
พฤ 12 ธ.ค. 2019 6:46 pm โดย prmindphp
วิธีการเขียน SQL สำหรับเปลี่ยน Collation เพื่อปรับเปลี่ยนการรองรับภาษา ใน ตารางฐานข้อมูล
โดย Ittichai_chupol พฤ 12 ธ.ค. 2019 4:17 pm บอร์ด SQL Knowledge
0
22
พฤ 12 ธ.ค. 2019 4:17 pm โดย Ittichai_chupol