JavaScript Object.keys():A Guide

JavaScript Object.keys() วิธีการดึงคีย์ใน Object และส่งคืนรายการที่มีคีย์เหล่านั้น ลำดับของคีย์ในรายการสุดท้ายคือลำดับที่ปรากฏใน Object ดั้งเดิม

วัตถุ JavaScript (JS) ประกอบด้วยสองส่วนหลัก:คีย์และค่า

เมื่อทำงานกับ Object คุณอาจต้องการเรียกค้นรายการคีย์ที่เกี่ยวข้อง นั่นคือสิ่งที่ JavaScript Object.keys() เมธอดเข้ามา วิธีนี้ช่วยให้คุณสร้างรายการชื่อคุณสมบัติทั้งหมดในออบเจกต์ได้

โดยใช้ตัวอย่าง บทช่วยสอนนี้จะกล่าวถึงวิธีใช้ Object.keys() เมธอดเพื่อส่งคืนรายการคีย์ที่เก็บไว้ใน Object เราจะพูดถึงโครงสร้างของ JavaScript Objects อย่างรวดเร็วด้วย

ออบเจ็กต์ JavaScript:ทบทวน

ออบเจ็กต์ (ที่มีตัวพิมพ์ใหญ่ "O") เป็นประเภทข้อมูลการแมปใน JavaScript พวกเขาจับคู่คีย์กับค่า ค่าที่จัดเก็บโดย Object สามารถรวมสตริง ตัวเลข บูลีน และชนิดข้อมูลอื่นๆ นี่คือตัวอย่างของ Object ใน JavaScript:

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

คำทางด้านซ้ายของเครื่องหมายทวิภาค (:) คือ แป้น ในพจนานุกรมของเรา คำทางด้านขวาของเครื่องหมายทวิภาคคือ ค่า . คุณสามารถคิดว่า JavaScript Objects เทียบเท่ากับพจนานุกรม Python แต่ใน JavaScript

JavaScript Object.keys()

JavaScript Object.keys() วิธีการส่งคืนคีย์ภายใน JavaScript Object หรือ JSON Object คีย์เหล่านี้ถูกจัดเก็บในลำดับที่ปรากฏในวัตถุ

ไวยากรณ์สำหรับ Object.keys() วิธีคือ:

81% ของผู้เข้าร่วมกล่าวว่าพวกเขารู้สึกมั่นใจมากขึ้นเกี่ยวกับโอกาสในการทำงานด้านเทคโนโลยีหลังจากเข้าร่วม bootcamp จับคู่กับ Bootcamp วันนี้

ผู้สำเร็จการศึกษาจากหลักสูตร bootcamp โดยเฉลี่ยใช้เวลาน้อยกว่าหกเดือนในการเปลี่ยนอาชีพ ตั้งแต่เริ่มต้น bootcamp ไปจนถึงหางานแรก

Object.keys(object_name)

Object.keys() วิธียอมรับหนึ่งพารามิเตอร์:ชื่อของวัตถุที่มีคีย์ที่คุณต้องการดึงข้อมูล เมธอดนี้ส่งคืนชื่อของคีย์ทั้งหมดใน Object ที่คุณระบุ ซึ่งจัดเก็บเป็นรายการ JavaScript

ขอให้สังเกตว่าวิธีการนี้เรียกว่า Object.keys() นี่เป็นเพราะว่า keys() เป็นวิธีการของ Object คุณต้องระบุอ็อบเจ็กต์ที่มีคีย์ที่คุณต้องการดึงมาเป็นพารามิเตอร์ของ Object.keys() คุณไม่สามารถต่อท้าย keys() กับ Object ใด ๆ ได้ เนื่องจาก Object นั้นจะไม่สามารถเข้าถึงเมธอด keys() ได้

Object.keys() ตัวอย่าง JavaScript

มาดูตัวอย่างเพื่ออธิบายวิธีการทำงานกัน

ก่อนหน้านี้ เราได้สร้างพจนานุกรมชื่อ “job_description” ซึ่งสรุปข้อมูลบางอย่างเกี่ยวกับงานที่มีอยู่ในซุปเปอร์สโตร์ในพื้นที่ ออบเจ็กต์ของเรามีจาวาสคริปต์บูลีน สตริง และจำนวนเต็ม ตอนนี้ สมมติว่าเราต้องการดึงรายการคีย์ในพจนานุกรมนั้น

เราสามารถสร้างรายการนี้โดยใช้รหัสต่อไปนี้:

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"]

อันดับแรก เราประกาศค่าคงที่ที่เรียกว่า “job_description” ซึ่งจัดเก็บ Object พร้อมข้อมูลเกี่ยวกับงานที่พร้อมใช้งานที่ superstore ในพื้นที่

จากนั้น เราใช้ Object.keys() เพื่อดึงรายการคีย์ที่เกี่ยวข้องกับพจนานุกรม และเรากำหนดรายการให้กับตัวแปร “job_keys” ต่อไป เราพิมพ์เนื้อหาของรายการ “job_keys” ไปยังคอนโซล JavaScript

อย่างที่คุณเห็น รหัสของเราส่งคืนรายการที่มีค่าสามค่า แต่ละค่าแสดงถึงชื่อคีย์ที่ไม่ซ้ำกันใน Object ของเรา

JS Object.keys():ตัวอย่างอื่น

มาพูดถึงตัวอย่างวิธีการใช้วิธีนี้กัน

สมมติว่าเราต้องการพิมพ์รายการคีย์ในวัตถุของเรา นำหน้าด้วย "ชื่อคีย์:" เราสามารถทำได้โดยใช้รหัสนี้:

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

ก่อนอื่นเรากำหนดวัตถุ "job_description" ของเราซึ่งมีคีย์ที่เราต้องการพิมพ์ไปยังคอนโซล จากนั้น เราใช้ JS Object.keys() วิธีดึงรายการคีย์ใน Object ของเรา

ต่อไป เราใช้ลูป “for…of” เพื่อวนซ้ำทุกคีย์ในออบเจกต์ “job_description”

สำหรับแต่ละคีย์ เราพิมพ์ "ชื่อคีย์:" ตามด้วยชื่อของคีย์ ไปที่คอนโซล หากคุณสนใจที่จะเรียนรู้เพิ่มเติมเกี่ยวกับวิธีการทำงานของลูป “for…of” โปรดอ่านคู่มือสำหรับผู้เริ่มต้นใช้งาน JavaScript สำหรับลูป

บทสรุป

Object.keys() เมธอดดึงรายการคีย์ที่เก็บไว้ใน JavaScript Object คีย์ผลลัพธ์จะถูกเก็บไว้ในรายการ คุณไม่สามารถผนวกคีย์ () ต่อท้ายอ็อบเจ็กต์เพื่อดึงคีย์ของมัน คุณต้องใช้ไวยากรณ์ Object.keys()

บทช่วยสอนนี้กล่าวถึงพื้นฐานของ JavaScript Objects และวิธีใช้ Object.keys() กระบวนการ. ตอนนี้คุณพร้อมที่จะใช้ Object.keys() . แล้ว เพื่อดึงรายการคีย์ใน Object อย่างนักพัฒนา JavaScript มืออาชีพ!

หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับการเขียนโค้ดใน JavaScript โปรดอ่านคู่มือ How to Learn JavaScript