คุณวนซ้ำผ่านวัตถุใน JavaScript ได้อย่างไร
คุณวนซ้ำผ่านวัตถุใน JavaScript ได้อย่างไร

วีดีโอ: คุณวนซ้ำผ่านวัตถุใน JavaScript ได้อย่างไร

วีดีโอ: คุณวนซ้ำผ่านวัตถุใน JavaScript ได้อย่างไร
วีดีโอ: สอน JavaScript #04 - Array x Loop - ทางเดินวน กับคนหลายใจ 2024, พฤศจิกายน
Anonim

เมื่อคุณ วนรอบวัตถุ ด้วย forin ห่วง คุณต้องตรวจสอบว่าทรัพย์สินนั้นเป็นของ. หรือไม่ วัตถุ . คุณสามารถทำได้ด้วย hasOwnProperty

วิธีที่ดีกว่าในการวนซ้ำอ็อบเจ็กต์คือขั้นแรกให้แปลงอ็อบเจ็กต์เป็นอาร์เรย์ จากนั้นคุณวนรอบอาร์เรย์

  1. กุญแจ
  2. ค่า
  3. รายการ.

เกี่ยวกับสิ่งนี้ คุณจะสำรวจวัตถุใน JavaScript ได้อย่างไร

วิธีที่ดีกว่าและมีประสิทธิภาพมากขึ้นในการวนรอบ วัตถุ ใน ES6 คือการแปลง.ก่อน วัตถุ ลงในอาร์เรย์โดยใช้ วัตถุ . คีย์(), วัตถุ . ค่า (), วัตถุ.

โดยทั่วไป หากคุณสร้างวัตถุผ่าน obj = {foo: 'bar'} หรือสิ่งอื่นๆ ที่เกี่ยวข้อง คุณสมบัติทั้งหมดจะนับได้

  1. สำหรับ…ในวง
  2. วัตถุ.
  3. วัตถุ.
  4. วัตถุ.
  5. วัตถุ.

นอกจากนี้ คุณจะทำรายการวัตถุได้อย่างไร? วัตถุ . รายการ () วิธีการใช้เพื่อส่งคืนอาร์เรย์ที่ประกอบด้วยคุณสมบัติที่นับได้ [คีย์, ค่า] คู่ของ วัตถุ ซึ่งส่งผ่านเป็นพารามิเตอร์ การเรียงลำดับของคุณสมบัติเหมือนกับที่กำหนดโดยการวนซ้ำค่าคุณสมบัติของ วัตถุ ด้วยตนเอง วัตถุ.

ในทำนองเดียวกัน คุณอาจถามว่า ฉันจะวนซ้ำผ่านคีย์อ็อบเจ็กต์ได้อย่างไร

วัตถุ . กุญแจ () ใช้เวลาใน วัตถุ ที่คุณต้องการ วนซ้ำ เป็นข้อโต้แย้งของมัน มันจะส่งคืนอาร์เรย์ที่มีชื่อคุณสมบัติเช่น กุญแจ . เราก็สามารถใช้อาร์เรย์ วนลูป วิธีการต่างๆ เช่น forEach, map และ reduce เพื่อดึงค่าของ each กุญแจ.

ฉันสามารถใช้ forEach บนวัตถุได้หรือไม่

ง่ายๆ แต่ละ () การใช้งานสำหรับอาร์เรย์ วัตถุ และ NodeLists ที่ขจัดความซ้ำซากจำเจ วัตถุ การค้นหาและสัญกรณ์อาร์เรย์ ผ่านในประเภทใดและมันจะ ย้ำ และส่งคืนสินค้าที่จำเป็นทั้งหมดเช่น index, element, property, value และ วัตถุ . ไวยากรณ์เป็น wrapper ฟังก์ชันอย่างง่าย

แนะนำ: