วัตถุคือเอนทิตีที่เก็บข้อมูลในคู่คีย์-ค่า ออบเจกต์ถูกวนซ้ำในลำดับไปข้างหน้าหรือย้อนกลับตามคีย์และค่า ใช้วิธีการคงที่ของวัตถุ “ Object.keys() ' หรือ ' Object.values() ” เพื่อแยกคีย์หรือค่าของวัตถุ ให้ใช้ “ ย้อนกลับ() ” วิธีย้อนกลับคู่คีย์-ค่า จากนั้นใช้ “ แต่ละ() ” วนซ้ำเพื่อวนซ้ำอาร์เรย์
บทความนี้จะอธิบายขั้นตอนการข้ามวัตถุในลำดับย้อนกลับโดยใช้ JavaScript
จะวนซ้ำวัตถุในลำดับย้อนกลับโดยใช้ JavaScript ได้อย่างไร
สำหรับวัตถุที่วนซ้ำในลำดับย้อนกลับ ใช้สองวิธี:
-
- วนซ้ำลำดับตามคีย์
- วนซ้ำลำดับตามค่า
มาตรวจสอบทั้งสองวิธีแยกกัน!
จะวนซ้ำวัตถุในลำดับย้อนกลับตามคีย์วัตถุได้อย่างไร
หากต้องการสำรวจวัตถุในลำดับย้อนกลับตามคีย์ของวัตถุ ให้ทำตามขั้นตอนสามขั้นตอน:
-
- ใช้ ' วัตถุ ” วิธีคงที่เรียกว่า “ Object.keys ()”: ใช้วัตถุเป็นอาร์กิวเมนต์และส่งคืนอาร์เรย์ของคีย์ของวัตถุ
- ใช้ “ ย้อนกลับ() ” วิธีการ: มันจะกลับลำดับของคีย์ของวัตถุ
- สุดท้าย ใช้ “ แต่ละ() ” วิธีการวนซ้ำวัตถุ
ตัวอย่าง
ขั้นแรก สร้างวัตถุ “ ข้อมูล ” ด้วยคู่คีย์-ค่า:
ข้อมูล const = {
ชื่อ: 'จอห์น' ,
อายุ: '24' ,
เบอร์ติดต่อ: '09345237816' ,
} ;
รับกุญแจของวัตถุโดยใช้ปุ่ม “ Object.keys ()” วิธีการและย้อนกลับโดยเรียก “ ย้อนกลับ() ” วิธีการและเก็บไว้ในตัวแปร “ ย้อนกลับBaseonKeys ”:
สุดท้าย สำรวจปุ่มวัตถุที่กลับด้านโดยใช้ปุ่ม “ แต่ละ() ' กระบวนการ:
คอนโซล.ล็อก ( คีย์ข้อมูล [ กุญแจ ] ) ;
} ) ;
เอาต์พุต
เอาต์พุตด้านบนบ่งชี้ว่าคีย์ออบเจกต์ที่มีค่าที่สอดคล้องกันสามารถข้ามผ่านการพิมพ์บนคอนโซลได้สำเร็จในลำดับย้อนกลับ
จะวนซ้ำวัตถุในลำดับย้อนกลับตามค่าของวัตถุได้อย่างไร
มีอีกวิธีหนึ่งสำหรับการวนซ้ำผ่านวัตถุในลำดับย้อนกลับตามค่าของวัตถุ หากต้องการสำรวจวัตถุในลำดับย้อนกลับตามค่าของวัตถุ ให้ทำตามขั้นตอนสามขั้นตอนด้านล่าง:
-
- ใช้ ' วัตถุ ” วิธีคงที่เรียกว่า “ Object.values ()”: ใช้วัตถุเป็นอาร์กิวเมนต์ มันส่งกลับอาร์เรย์ของค่าของวัตถุ
- ใช้ “ ย้อนกลับ() ” วิธีการซึ่งจะกลับลำดับของค่าของวัตถุ
- สุดท้าย ใช้ “ แต่ละ() ” วิธีการวนซ้ำวัตถุ
ตัวอย่าง
ที่นี่ใช้ Object เดียวกัน “ ข้อมูล ” และรับค่าของวัตถุ “ ข้อมูล ' ใช้ ' Object.values ()” วิธีการและย้อนกลับโดยเรียก “ ย้อนกลับ() ” วิธีการ และสุดท้าย เก็บอาร์เรย์ผลลัพธ์ไว้ในตัวแปร “ ย้อนกลับBaseonKeys ”:
const reverseBasedonValues = Object.values ( ข้อมูล ) .ย้อนกลับ ( ) ;
สำรวจค่าวัตถุที่กลับรายการโดยใช้ ' แต่ละ() ' กระบวนการ:
คอนโซล.ล็อก ( ค่าข้อมูล [ ค่า ] ) ;
} ) ;
เอาต์พุต
เอาต์พุตด้านบนแสดงค่าของวัตถุในลำดับย้อนกลับ
บทสรุป
หากต้องการวนซ้ำวัตถุในลำดับย้อนกลับ ให้ใช้วิธีการคงที่ของวัตถุ ' Object.keys() ' หรือ ' Object.values() ” เพื่อแยกคีย์หรือค่าของออบเจกต์ ให้ย้อนกลับโดยใช้ปุ่ม “ ย้อนกลับ() ” วิธีการแล้วนำไปใช้ในที่สุด “ แต่ละ() ” วนซ้ำเพื่อวนซ้ำอาร์เรย์ บทความนี้แสดงขั้นตอนสำหรับการสำรวจวัตถุในลำดับย้อนกลับตามคีย์และค่าโดยใช้ JavaScript