โพสต์นี้จะกำหนดวิธีการแมปอาร์เรย์ของวัตถุเพื่อส่งคืนอาร์เรย์ใหม่ที่มีคีย์ใหม่
แมปอาร์เรย์ของวัตถุที่ส่งคืนอาร์เรย์ใหม่ของวัตถุที่มีคีย์ใหม่
ใช้ ' แผนที่() ” วิธีการแก้ไขคำสั่งดังกล่าว เมธอด map() ใช้เพื่อวนซ้ำอาร์เรย์และสร้างอาร์เรย์ใหม่โดยการเพิ่มค่าผลลัพธ์ของฟังก์ชันที่มีให้ซึ่งเรียกใช้แต่ละองค์ประกอบในอาร์เรย์เดิม มันไม่ได้เปลี่ยนอาร์เรย์เดิม แต่ส่งออกอาร์เรย์ใหม่พร้อมผลลัพธ์ของฟังก์ชันที่ให้มา
ไวยากรณ์
ใช้ไวยากรณ์ต่อไปนี้สำหรับเมธอด map():
แผนที่ ( ( องค์ประกอบ ) => {
//……
} )
ตัวอย่าง
สร้างอาร์เรย์ของวัตถุชื่อ “ arrObj ”:
โดยที่ arrObj = [ { ชื่อ : 'พอล' รหัส : 3 , อายุ : 23 } ,
{ ชื่อ : 'เมเยอร์' รหัส : 5 , อายุ : 25 } ,
{ ชื่อ : 'ฉันเห็นด้วย' รหัส : สิบเอ็ด , อายุ : 27 }
]
เรียกเมธอด map() ด้วยคีย์ของวัตถุเป็นอาร์กิวเมนต์และฟังก์ชันลูกศร/โทรกลับที่จะดำเนินการกับองค์ประกอบอาร์เรย์ทุกตัว ที่นี่เราจะตั้งค่าคีย์ของ ' arrObj ” ไปยังปุ่มใหม่ในฟังก์ชันการโทรกลับ:
คอสต์ ใหม่ArrayObj = arrObj. แผนที่ ( ( { ชื่อ รหัส อายุ } ) => ( {รหัสใหม่ : รหัส,
ใหม่ชื่อ : ชื่อ,
ยุคใหม่ : อายุ
} ) ) ;
สุดท้าย พิมพ์อาร์เรย์ใหม่ด้วยคีย์ใหม่บนคอนโซล:
คอนโซล บันทึก ( ใหม่ArrayObj ) ;
จะเห็นได้ว่าอาร์เรย์ใหม่ของวัตถุชื่อ “ ใหม่ArrayObj ” ประกอบด้วย “คีย์ใหม่/ที่อัปเดต” ที่มีค่าเดียวกันและเรียงลำดับใหม่:
นั่นคือทั้งหมดที่เกี่ยวกับการแมปอาร์เรย์ของวัตถุเพื่อส่งคืนอาร์เรย์ของวัตถุด้วยคีย์ใหม่ใน JavaScript
บทสรุป
ในการแม็พอาร์เรย์ของวัตถุในอาร์เรย์ใหม่ของวัตถุด้วยคีย์ใหม่ ให้ใช้ปุ่ม ' แผนที่() ' วิธี. วิธีนี้จะวนซ้ำทุกองค์ประกอบของอาร์เรย์ของออบเจกต์และให้อาร์เรย์ใหม่โดยการเรียกฟังก์ชันการเรียกกลับด้วยฟังก์ชันที่ระบุ โพสต์นี้กำหนดขั้นตอนในการแมปอาร์เรย์ของวัตถุสำหรับการส่งคืนอาร์เรย์ของวัตถุที่มีคีย์ใหม่