โพสต์บล็อกนี้จะกำหนดขั้นตอนการนับจำนวนคีย์ในวัตถุใน JavaScript
จะนับจำนวนคีย์ในวัตถุใน JavaScript ได้อย่างไร
สำหรับการนับจำนวนคีย์ในอ็อบเจกต์ ให้ใช้วิธีต่อไปนี้:
- Object.keys() พร้อมคุณสมบัติความยาว
- การผสมผสานของ “ สำหรับ ” วนซ้ำด้วย “ ใน ' คำสำคัญ
มาดูกันทีละแนวทางกันเลย!
วิธีที่ 1: การนับจำนวนคีย์ในวัตถุโดยใช้เมธอด Object.keys()
“ Object.keys() ” วิธีการให้อาร์เรย์เป็นเอาต์พุตที่มีสตริงเป็นองค์ประกอบที่สอดคล้องกับคุณสมบัติที่แจงนับซึ่งมีอยู่แล้วในวัตถุ รายการคุณสมบัติปรากฏในลำดับเดียวกับเมื่อคุณวนซ้ำแอตทริบิวต์ของวัตถุด้วยตนเอง สำหรับการนับจำนวนคีย์ในอ็อบเจกต์ Object.key() ” วิธีการใช้กับ “ ความยาว ' คุณสมบัติ.
ไวยากรณ์
ใช้ไวยากรณ์ที่กำหนดด้านล่างเพื่อนับจำนวนคีย์ในวัตถุ:
วัตถุ . กุญแจ ( วัตถุ ) . ความยาว
- “ คีย์ () ” เป็นวิธีการของ “ วัตถุ ” ประเภทและ “ วัตถุ ” เป็นอาร์กิวเมนต์ที่จะนับคีย์/คุณสมบัติ
- ส่งกลับจำนวนของคีย์ในวัตถุ
ตัวอย่าง
ขั้นแรก สร้างวัตถุชื่อ “ ข้อมูล ” ด้วยคุณสมบัติ 4 ประการ “ ชื่อจริง ”, “ นามสกุล ”, “ อายุ ' และ ' ติดต่อ ” ในคู่คีย์-ค่า:
ชื่อจริง : 'สตีเฟน' ,
นามสกุล : 'คาอิน' ,
อายุ : 28 ,
ติดต่อ : 090394809
} ;
โทรหา “ Object.keys() ” วิธีการด้วย “ ความยาว ” คุณสมบัติผ่านวัตถุ “ ข้อมูล ” เป็นอาร์กิวเมนต์ที่จะนับคีย์ในวัตถุ:
คอนโซล บันทึก ( วัตถุ . กุญแจ ( ข้อมูล ) . ความยาว ) ;
ผลลัพธ์จะแสดง “ 4 ” ซึ่งเป็นจำนวนของคีย์ในวัตถุ “ ข้อมูล ”:
หากคุณต้องการเพียงชื่อคีย์ในอ็อบเจกต์แทนการนับ เพียงเรียก ' Object.keys() วิธีการ” โดยส่งวัตถุเป็นอาร์กิวเมนต์:
คอนโซล บันทึก ( วัตถุ . กุญแจ ( ข้อมูล ) ) ;ผลลัพธ์แสดงชื่อของคีย์ในวัตถุในอาร์เรย์:
วิธีที่ 2: การนับจำนวนคีย์ในวัตถุโดยใช้ 'for' วนซ้ำด้วยคีย์เวิร์ด 'in'
คีย์ของวัตถุจะถูกนับโดยใช้ปุ่ม ' สำหรับ ” วนซ้ำด้วย “ ใน ' คำสำคัญ. “ สำหรับ ” วนซ้ำคุณสมบัติของวัตถุและ “ ใน ” คำสำคัญดึงคุณสมบัติจากมัน ในการนับจำนวนคีย์ในวัตถุโดยใช้ปุ่ม ' สำหรับใน ” วนซ้ำ ทำตามไวยากรณ์ด้านล่างที่จะใช้ในตัวอย่างด้านล่าง
ไวยากรณ์
สำหรับ ( เคยเป็น กุญแจ ใน วัตถุ ) {.........
}
ตัวอย่างที่ 1: นับจำนวนคีย์ในวัตถุ
สำหรับการนับจำนวนคีย์ในอ็อบเจกต์ ให้พิจารณาอ็อบเจกต์เดียวกัน “ ข้อมูล ” สร้างขึ้นในตัวอย่างข้างต้น จากนั้นสร้างตัวแปร “ นับ ” และกำหนดค่า 0 ถึงมัน:
ผ่านวัตถุ “ ข้อมูล ” ไปที่วง for_in:
สำหรับ ( เคยเป็น กุญแจ ใน ข้อมูล ) {นับ ++;
}
สุดท้าย พิมพ์จำนวนคีย์ในวัตถุโดยใช้ “ คอนโซล.ล็อก() ' กระบวนการ:
คอนโซล บันทึก ( นับ ) ;เอาต์พุต
ตัวอย่างที่ 2: นับจำนวนคีย์ในออบเจกต์ที่สืบทอดมา
“ สำหรับ ” วนซ้ำยังนับคุณสมบัติที่สืบทอดมา ที่นี่เราจะสร้างวัตถุ“ พนักงาน ” กับ 2 คุณสมบัติ “ เพศ ', และ ' วันที่เข้าร่วม ” ที่จะสืบทอดมาจากวัตถุ “ ข้อมูล ”:
เพศ : 'ชาย' ,
วันที่เข้าร่วม : 'ม.ค. 2563'
} ;
สืบทอดวัตถุ “ พนักงาน ' กับ ' ข้อมูล ” โดยใช้คุณสมบัติของวัตถุ “ __ดังนั้น__ ”:
ข้อมูล. __ดังนั้น__ = พนักงานผ่านวัตถุ “ ข้อมูล ” ถึง “ สำหรับใน ” วนซ้ำและเพิ่มจำนวนในการวนซ้ำแต่ละครั้ง มันจะนับคุณสมบัติของวัตถุด้วย” พนักงาน ” เพราะมันสืบทอดมาจากวัตถุ “ ข้อมูล ”:
สำหรับ ( เคยเป็น กุญแจ ใน ข้อมูล ) {นับ ++;
}
ผลลัพธ์ ' 6 ” แสดงว่าวิธีการนี้นับคีย์ของวัตถุทั้งสอง ' “ ข้อมูล ” และวัตถุที่สืบทอดมา “ พนักงาน ”:
ตัวอย่างที่ 3: นับจำนวนคีย์ในวัตถุลูก
หากคุณต้องการรับกุญแจของวัตถุลูก ' พนักงาน ', ใช้ ' hasOwnProperty() ” วิธีการภายในลูป:
ถ้า ( พนักงาน. hasOwnProperty ( กุญแจ ) ) {
นับ ++;
}
}
เอาต์พุต
บทสรุป
ในการนับจำนวนคีย์ในออบเจกต์ใน JavaScript ให้ใช้ปุ่ม ' ความยาว ” คุณสมบัติของ JavaScript “ วัตถุ ” วิธีพิมพ์ “ คีย์ () ' เช่น ' Object.keys() ” หรือการรวมกันของ “ สำหรับ ” วนซ้ำด้วย “ ใน ' คำสำคัญ. “ สำหรับใน วิธีการ ” ยังนับคุณสมบัติที่สืบทอดมาในขณะที่ “ Object.keys() ” วิธีการไม่นับคุณสมบัติที่เชื่อมโยง มันแค่นับคุณสมบัติของวัตถุเท่านั้น ในบล็อกโพสต์นี้ เราได้กำหนดขั้นตอนการนับจำนวนคีย์ในออบเจกต์ใน JavaScript