คู่มืออ้างอิง JavaScript Map
Map คือโครงสร้างข้อมูลเก็บคู่หลัก-ค่า ที่หลักสามารถเป็นข้อมูลใดก็ได้
Map จะจำจนลำดับที่ใส่ข้อมูลเดิมของใบชำระ
วิธีและแอตทริบิวต์ของ Map
| วิธี/แอตทริบิวต์ | รายละเอียด |
|---|---|
| new Map() | สร้างตัวแปล Map ใหม่。 |
| clear() | ลบทุกส่วนใน Map |
| delete() | ลบออกส่วนของ Map ด้วยคุณชื่อ |
| entries() | กลับค่าเป็นตัวแปรเดินทางเพื่อใช้วิเคราะห์ [ตัวชื่อ, ค่า] ใน Map |
| forEach() | เรียกคอลบแบคสำหรับแต่ละข้อมูลของตัวชื่อ/ค่าใน Map |
| get() | รับค่าของตัวชื่อใน Map |
| groupBy() | แบ่งประเภทสมาชิกของเป้าหมายตามค่าที่กลับค่าโดยคอลบแบค |
| has() | กลับค่า true หาก Map มีตัวชื่อนี้ |
| keys() | กลับค่าเป็นตัวแปรเดินทางเพื่อใช้วิเคราะห์ตัวชื่อใน Map |
| set() | ตั้งค่าค่าสำหรับตัวชื่อใน Map |
| size | กลับค่าจำนวนขององค์ประกอบของ Map |
| values() | กลับค่าเป็นตัวแปรเดินทางเพื่อใช้วิเคราะห์ Map |
ตัวอย่าง
ตัวอย่าง 1
// สร้าง Map const fruits = new Map([ ["apples", 500], ["bananas", 300], ["oranges", 200] ]);
ตัวอย่าง 2
คุณสามารถใช้ set() วิธีการเพิ่มส่วนของ Map:
// สร้าง Map
const fruits = new Map();
// ตั้งค่า Map
fruits.set("apples", 500);
fruits.set("bananas", 300);
fruits.set("oranges", 200);
ตัวอย่าง 3
คุณสามารถใช้ get() วิธีการดึงออกส่วนของ Map:
// รับค่าของ "apples"
let value = fruits.get("apples");
JavaScript Objects vs Maps
ความแตกต่างระหว่าง JavaScript Object และ Map
ความแตกต่างระหว่าง JavaScript Object และ Map:
| ตัวแปร | Map |
|---|---|
| ไม่สามารถวิเคราะห์โดยตรง | สามารถวิเคราะห์โดยตรง |
| ไม่มีคุณสมบัติ size | มีคุณสมบัติ size |
| ตัวชื่อต้องเป็นตัวอักษร (หรือสัญลักษณ์) | ตัวชื่อสามารถเป็นชนิดของข้อมูลทุกชนิด |
| ลำดับตัวชื่อไม่ชัดเจน | ตัวชื่อจะจัดลำดับตามลำดับที่เพิ่มเข้ามา |
| มีตัวชื่อโดยมาตรฐาน | ไม่มีตัวชื่อโดยมาตรฐาน |
