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

ในบทความนี้เราจะพูดคุยเกี่ยวกับ Map object  ซึ่งเป็นส่วนหนึ่งของ JavaScript ES6   Map คือชุดขององค์ประกอบที่แต่ละองค์ประกอบถูกจัดเก็บเป็นคู่ของ key    Map object  สามารถเก็บทั้งวัตถุ และ ค่าดั้งเดิม เป็นคีย์หรือค่า   เมื่อเราวนซ้ำ Map object ที่จะส่งคืนคีย์คู่กับค่าตามลำดับเดียวที่แทรก  กล่าวคือ Method Map นั้นจะคล้ายกับ foreach เลย คือค่าใน Array  แต่ละตัวจะทำการนำไปผ่าน Function ที่เรากำหนดไว้ แต่ Map นั้น สามารถ return ค่าออกมาได้โดยค่าที่ return ออกมาจะเป็น Array ซึ่งสามารถนำไปทำใน Method อื่นได้ เพียงแต่ว่าในบทความจะเป็นรูปแบบ object 

ซึ่งมี Syntax ดังนี้ :

new Map ([it]) 

Parameter:  
it - เป็นวัตถุใด ๆ ที่วนซ้ำซึ่งเก็บค่าไว้เป็น
     คีย์คู่ของค่า
     หากไม่ได้ระบุพารามิเตอร์การสร้างแผนที่ใหม่
     จะส่งคืนค่าว่าง

Returns:
     A new Map object

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

// map1 contains 
// 1 => 2 
// 2 => 3 
// 4 -> 5 
var map1 = new Map([[1 , 2], [2 ,3 ] ,[4, 5]]); 

console.log("Map1"); 
console.log(map1); 

// map2 contains 
// firstname => sumit 
// lastname => ghosh 
// website => geeksforgeeks 
var map2 = new Map([["firstname" ,"sumit"], 
		["lastname", "ghosh"], ["website", "geeksforgeeks"]]); 

console.log("Map2"); 
console.log(map2); 


// map3 contains 
// Whole number => [1, 2, 3, 4] 
// Decimal number => [1.1, 1.2, 1.3, 1.4] 
// Negative number => [-1, -2, -3, -4] 
var map3 = new Map([["whole numbers", [1 ,2 ,3 ,4]], 
			["Decimal numbers" , [1.1, 1.2, 1.3, 1.4]], 
			["negative numbers", [-1, -2, -3, -4]]]); 

console.log("Map3"); 
console.log(map3); 


// map 4 contains 
// storing arrays both as key and value 
// "first name ", "Last name" => "sumit", "ghosh" 
// "friend 1", "sourav" => "friend 2", "gourav" 
var map4 = new Map([[["first name", "last name"], 
			["sumit", "ghosh"]], 
			[["friend 1", "friend 2"], 
			["sourav","gourav"]]]); 

console.log("Map4"); 
console.log(map4); 

ผลลัพธ์เมื่อทำการ console.log ออกมา 

 ผลลัพธ์ Map1 ,Map2

output map3,map4
ผลลัพธ์ Map object

จากผลลัพธ์นั้นเป็นเพียงตัวในการสร้าง Map object ในรุปแบบต่างๆ ซึ่งทั้งนี้ยังมีในส่วนของ Propertise  อย่าง  Map.prototype.size  เป็นการส่งกลับจำนวนขององค์ประกอบหรือคู่ค่าและคีย์ใน map ทั้งนี้ยังมี Method เกี่ยวกับ map นี้มากที่จะพูดถึงในโอกาสถัดไป เช่น Map.prototype.set() , Map.prototype.has(),Map.prototype.get() ,Map.prototype.delete() เป็นต้น  

 

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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
อัพเดท phpbb 3.3 เเล้ว extenstion ใช้งานไม่ได้
โดย thatsawan พฤ 28 พฤษภาคม 2020 10:08 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
1
5
พฤ 28 พฤษภาคม 2020 10:10 pm โดย thatsawan
วิธีการสร้าง css ที่ใช้งานเฉพาะในบราวเซอร์ safari เท่านั้น
โดย Ittichai_chupol พฤ 28 พฤษภาคม 2020 6:06 pm บอร์ด CSS Knowledge
0
4
พฤ 28 พฤษภาคม 2020 6:06 pm โดย Ittichai_chupol
R - Set Demo เป็น subdomain ของ ตัวนี้
โดย mindphp พฤ 28 พฤษภาคม 2020 6:17 am บอร์ด มารียา ซีฟู้ดส์ - Developer
0
7
พฤ 28 พฤษภาคม 2020 6:17 am โดย mindphp
อยากทราบวิธีการกำหนด ค่า css ให้กับ button โดยกำหนดเฉพาะแต่ละบราวเซอร์
โดย Ittichai_chupol พ 27 พฤษภาคม 2020 8:39 pm บอร์ด HTML CSS
1
21
พ 27 พฤษภาคม 2020 9:15 pm โดย mindphp
อัพเดท Changelog flask framework ของภาษา Python
โดย jirawoot พ 27 พฤษภาคม 2020 12:19 pm บอร์ด Python Knowledge
0
17
พ 27 พฤษภาคม 2020 12:19 pm โดย jirawoot
งานประจำวันที่ 27 พฤษภาคม 2563
โดย yositacha26 พ 27 พฤษภาคม 2020 12:13 pm บอร์ด MP011 - โยษิตา จันทะวงษ์
1
25
พ 27 พฤษภาคม 2020 12:15 pm โดย yositacha26
อยากทราบว่า วิธีการกำหนดการตั้งค่า ภาษาไทย ใน Netbeans
โดย Ittichai_chupol พ 27 พฤษภาคม 2020 10:13 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
15
พ 27 พฤษภาคม 2020 10:13 am โดย Ittichai_chupol
B - บริษัท approve ประวัติที่ส่งมาสมัครเเล้ว เเต่ยังแสดงสถานะเดิมอยู่
โดย thatsawan อ 26 พฤษภาคม 2020 6:27 pm บอร์ด Odoojob.com - Tester
0
4
อ 26 พฤษภาคม 2020 6:27 pm โดย thatsawan
อยากทราบวิธีการแก้ไข ภาษาไทยกลายอักษรแปลกๆ
โดย Ittichai_chupol จ 25 พฤษภาคม 2020 4:35 pm บอร์ด Programming - PHP
1
40
จ 25 พฤษภาคม 2020 5:43 pm โดย thatsawan
อยากทราบวิธีการ แบบคอลัมเป็น 3 คอลีม โดยใช้ tag <dl>
โดย Ittichai_chupol จ 25 พฤษภาคม 2020 11:56 am บอร์ด HTML CSS
1
41
จ 25 พฤษภาคม 2020 2:42 pm โดย thatsawan
บันทึกประชุม มารียา ซีฟู้ดส์
โดย thatsawan จ 25 พฤษภาคม 2020 11:40 am บอร์ด มารียา ซีฟู้ดส์ (Main)
1
5
พฤ 28 พฤษภาคม 2020 7:48 pm โดย thatsawan
10 สุดยอดสตรีทฟู้ดในแอฟริกาตะวันตก
โดย Anonymous อ 24 พฤษภาคม 2020 9:58 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
54
จ 25 พฤษภาคม 2020 8:03 pm โดย ขุนพล ตั้นตระกูล
ข้อมูลสำหรับทำระบบ
โดย mindphp อ 24 พฤษภาคม 2020 4:07 am บอร์ด มารียา ซีฟู้ดส์ (Main)
0
6
อ 24 พฤษภาคม 2020 4:07 am โดย mindphp
อัพเดดความคืบหน้า / Progress - มารียา ซีฟู้ดส์
โดย mindphp อ 24 พฤษภาคม 2020 4:07 am บอร์ด มารียา ซีฟู้ดส์ (Main)
1
13
พ 27 พฤษภาคม 2020 6:28 pm โดย mindphp
อัพเดด Template เว็บไซต์ FDD (V2)
โดย mindphp อ 24 พฤษภาคม 2020 3:51 am บอร์ด FDD (Main)
0
1
อ 24 พฤษภาคม 2020 3:51 am โดย mindphp
R - ปรับกราฟฟิก ของเว็บ FDD
โดย mindphp อ 24 พฤษภาคม 2020 3:50 am บอร์ด FDD (Main)
0
2
อ 24 พฤษภาคม 2020 3:50 am โดย mindphp
ความคืบหน้า / Progress
โดย mindphp อ 24 พฤษภาคม 2020 3:46 am บอร์ด FDD (Main)
1
3
อ 26 พฤษภาคม 2020 8:18 am โดย mindphp
VDO - SP Page builder
โดย numtan5839 ศ 22 พฤษภาคม 2020 6:27 pm บอร์ด SP Page Builder Thai Edition - Manual & VDO & เทคนิคการใช้งาน
1
7
ศ 22 พฤษภาคม 2020 7:00 pm โดย mindphp
วิธีการใช้ Google Tasks แอพจัดการบันทึกสิ่งที่ต้องทำ
โดย sirirat ศ 22 พฤษภาคม 2020 11:04 am บอร์ด Share Knowledge
0
77
ศ 22 พฤษภาคม 2020 11:04 am โดย sirirat
งานประจำวันที่ 22 พฤษภาคม 2563
โดย sirirat ศ 22 พฤษภาคม 2020 10:10 am บอร์ด M102 - ศิริรัตน์ ทิพย์น้อย
1
15
ศ 22 พฤษภาคม 2020 11:22 am โดย numtan5839