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

ในบทความนี้เราจะพูดคุยเกี่ยวกับ 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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
แก้ปัญหา Vmware ของเรารัน Host ไม่ได้ เจอข้อความ This virtual machine is configured for 64-bit guest operating systems
โดย mindphp จ 24 ก.พ. 2020 3:37 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
7
จ 24 ก.พ. 2020 3:37 am โดย mindphp
จะทำอย่างไรให้ ค่าในอาเรย์ที่ซ้ำกันเหลือแค่ค่าเดียวครับ
โดย waterwelon ศ 21 ก.พ. 2020 2:04 pm บอร์ด Programming - PHP
2
34
ศ 21 ก.พ. 2020 2:34 pm โดย waterwelon
ความรุนแรงในเด็กๆ
โดย noppadonsk ศ 21 ก.พ. 2020 11:47 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
22
ศ 21 ก.พ. 2020 11:47 am โดย noppadonsk
องค์ประกอบพื้นฐานของการจัดทำ Extension ใน phpBB 3 ส่วนของ admin
โดย Ittichai_chupol พฤ 20 ก.พ. 2020 1:56 pm บอร์ด PHP Knowledge
0
26
พฤ 20 ก.พ. 2020 1:56 pm โดย Ittichai_chupol
ประทานโทษ
โดย noppadonsk พฤ 20 ก.พ. 2020 12:54 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
14
พฤ 20 ก.พ. 2020 12:54 pm โดย noppadonsk
มาแล้ว Plugin System MooZiiCart Auto Close สำหรับตั้งเวลาเปิดปิดระบบการสั่งซื้อสินค้าออนไลน์
โดย prmindphp พ 19 ก.พ. 2020 6:40 pm บอร์ด MindPHP News & Feedback
0
62
พ 19 ก.พ. 2020 6:40 pm โดย prmindphp
ถ้าคุณต้องเลือก
โดย noppadonsk พ 19 ก.พ. 2020 11:22 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
19
พ 19 ก.พ. 2020 11:22 am โดย noppadonsk
อยากจะทราบว่าวิธีการแสดงค่าอาเรย์แต่ล่ะค่าครับ
โดย waterwelon พ 19 ก.พ. 2020 11:04 am บอร์ด Programming - PHP
2
42
พ 19 ก.พ. 2020 11:58 am โดย thatsawan
คลายเครียด
โดย noppadonsk อ 18 ก.พ. 2020 2:50 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
38
อ 18 ก.พ. 2020 2:50 pm โดย noppadonsk
7 สิ่งที่ต้องปรับปรุงเพื่อลดค่า Bounce Rate บนหน้าเว็บไซต์
โดย phasamon อ 18 ก.พ. 2020 10:22 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
28
อ 18 ก.พ. 2020 10:22 am โดย phasamon
อยากให้ธุรกิจเป็นที่รู้จักบนโลกออนไลน์ ลองหาบริษัทรับทำ SEO ดูซิ !
โดย totheworld จ 17 ก.พ. 2020 3:34 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
73
จ 17 ก.พ. 2020 3:34 pm โดย totheworld
สี่เหตุผลที่ควรปรับปรุงเว็บไซต์
โดย phasamon จ 17 ก.พ. 2020 2:05 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
51
จ 17 ก.พ. 2020 2:05 pm โดย phasamon
อย่าได้พลาดเชียว
โดย noppadonsk จ 17 ก.พ. 2020 10:52 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
26
จ 17 ก.พ. 2020 10:52 am โดย noppadonsk
วิธีการแก้ไขปํญหา undefined index กรณีกำหนดเงือนไขเทียบค่าอาร์เรย์
โดย Ittichai_chupol ศ 14 ก.พ. 2020 5:50 pm บอร์ด PHP Knowledge
0
99
ศ 14 ก.พ. 2020 5:50 pm โดย Ittichai_chupol
เรื่องน่าเศร้า
โดย noppadonsk ศ 14 ก.พ. 2020 10:19 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
77
ศ 14 ก.พ. 2020 10:19 am โดย noppadonsk
อยากทรบวิธีจัดการไม่ให้สมาชิกที่อยู่ในกลุ่มที่กำหนดมาส่องโพสต์ของผู้อื่นได้
โดย Ittichai_chupol พฤ 13 ก.พ. 2020 3:22 pm บอร์ด Programming - PHP
3
112
พฤ 13 ก.พ. 2020 5:31 pm โดย thatsawan
กลับไปเริ่มใหม่
โดย noppadonsk พฤ 13 ก.พ. 2020 10:57 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
65
พฤ 13 ก.พ. 2020 10:57 am โดย noppadonsk
อยากทราบการเอาเลขมาคุณในช่อง 10อัน แล้วมาแล้วผลข้างล่างครับ
โดย comopal พ 12 ก.พ. 2020 6:49 pm บอร์ด Programming - PHP
1
170
พฤ 13 ก.พ. 2020 9:39 am โดย LEG
ต้องรีบเดี๋ยวลืม
โดย noppadonsk พ 12 ก.พ. 2020 10:56 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
65
พ 12 ก.พ. 2020 10:56 am โดย noppadonsk
วิธีการเลือกงาน
โดย jataz2 พ 12 ก.พ. 2020 9:47 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
82
พ 12 ก.พ. 2020 9:47 am โดย jataz2