JavaScript Object.keys(): คู่มือการดึง Keys จาก Object

เมธอด JavaScript Object.keys() ดึง keys จาก Object และคืนค่าเป็น array ที่เก็บ keys เหล่านั้น ลำดับของ keys ใน array จะตรงกับลำดับที่ปรากฏใน Object เดิม

JavaScript Objects: บทนำสรุป

Objects (ตัว O ใหญ่) เป็น mapping data type ใน JavaScript Map keys ไปยัง values Values ที่เก็บได้รวมถึง strings, numbers, Booleans และ data types อื่นๆ ตัวอย่าง Object:

const job_description = {
  position: "Sales Assistant",
  floor_worker: true,
  hours_per_week: 38
};

คำทางซ้ายของ colons (:) คือ keys คำทางขวาคือ values คุณสามารถคิดว่า JavaScript Objects เทียบเท่า Python dictionary แต่ใน JavaScript

JavaScript Object.keys()

เมธอด Object.keys() คืนค่า keys ภายใน JavaScript Object หรือ JSON Object keys จะเก็บตามลำดับที่ปรากฏใน Object

Syntax:

Object.keys(object_name)

Object.keys() รับ parameter เดียว: ชื่อของ Object ที่ต้องการดึง keys คืนค่าเป็น array ของ key names ทั้งหมด

สังเกตว่าเมธอดชื่อ Object.keys() เพราะ keys() เป็น method ของ Object ต้องระบุ Object ที่ต้องการ keys เป็น parameter ไม่สามารถต่อ .keys() ไปหลัง object ใดๆ ได้ เพราะ object นั้นจะไม่มี access ถึง keys() method

ตัวอย่างการใช้งาน Object.keys()

เราสร้าง dictionary "job_description" ไว้ก่อนหน้านี้ ตอนนี้ต้องการดึงรายการ keys:

const job_description = {
  position: "Sales Assistant",
  floor_worker: true,
  hours_per_week: 38
};
var job_keys = Object.keys(job_description);
console.log(job_keys);

ผลลัพธ์:

["position", "floor_worker", "hours_per_week"]

เรา declare constant "job_description" เก็บ Object ข้อมูลงาน แล้วใช้ Object.keys() ดึง keys มาเก็บใน variable "job_keys" และพิมพ์ออก console

ตัวอย่างเพิ่มเติม: วนลูปแสดง Keys

สมมติต้องการพิมพ์ keys ทุกตัวพร้อม prefix "Key Name: "

const job_description = {
  position: "Sales Assistant",
  floor_worker: true,
  hours_per_week: 38
};
var job_keys = Object.keys(job_description);
for (var key of job_keys) {
  console.log("Key Name: " + key);
}

ผลลัพธ์:

Key Name: position
Key Name: floor_worker
Key Name: hours_per_week

เราใช้ for...of loop วนลูปทุก key ใน "job_description" และพิมพ์ "Key Name: " ตามด้วยชื่อ key

สรุป

เมธอด Object.keys() ดึงรายการ keys จาก JavaScript Object เก็บใน array ไม่สามารถต่อ .keys() หลัง Object ได้ ต้องใช้ syntax Object.keys() ตอนนี้คุณพร้อมใช้ Object.keys() ดึง keys จาก Object อย่างมืออาชีพแล้ว!