ในขณะที่ทำงานกับ JavaScript โปรแกรมเมอร์จำเป็นต้องเพิ่มคุณสมบัติไดนามิกในออบเจกต์บ่อยครั้ง เช่น ฟอร์มที่ผู้ใช้สามารถเพิ่มรายการที่มีคุณสมบัติที่มีชื่อไดนามิก ในบางกรณี จำเป็นต้องจัดระเบียบข้อมูลเป็นออบเจกต์ โดยคุณลักษณะของออบเจ็กต์เหล่านี้ต้องการการตั้งชื่อแบบไดนามิกโดยขึ้นอยู่กับข้อมูลที่พวกเขาโต้ตอบด้วย โดยทั่วไป คุณสมบัติที่มีชื่อแบบไดนามิกจะมีประโยชน์เมื่อใดก็ตามที่คุณต้องการสร้างวัตถุที่มีคุณสมบัติที่ยังไม่รู้จักจนกว่าจะรันไทม์
บทช่วยสอนนี้จะกำหนดว่าจะสามารถเพิ่มคุณสมบัติที่มีชื่อแบบไดนามิกในวัตถุใน JavaScript ได้หรือไม่
เป็นไปได้ / เป็นไปได้หรือไม่ที่จะเพิ่ม / แทรกคุณสมบัติที่มีชื่อแบบไดนามิกให้กับวัตถุใน JavaScript?
ใช่ สามารถเพิ่มคุณสมบัติที่มีชื่อแบบไดนามิกให้กับออบเจกต์ JavaScript ได้ เพื่อจุดประสงค์นี้ ให้ใช้ “ สัญกรณ์วงเล็บเหลี่ยม '.
ไวยากรณ์
ทำตามไวยากรณ์ที่กล่าวถึงที่ระบุเพื่อเพิ่มคุณสมบัติที่มีชื่อลงในวัตถุแบบไดนามิก:
คัดค้าน [ 'ชื่อทรัพย์สิน' ] = 'ค่า' ;
ตัวอย่าง
สร้างวัตถุ “ รถ ” ด้วยคุณสมบัติ “ สี ' และ ' แบบอย่าง ”:
รถที่ไหน = {
'สี' : 'สีดำ' ,
'แบบอย่าง' : 2554
} ;
เพิ่มคุณสมบัติ “ ราคา ” แบบไดนามิกโดยใช้ปุ่ม “ สัญกรณ์วงเล็บ ”:
พิมพ์วัตถุบนคอนโซล:
เอาต์พุตระบุว่า “ ราคา เพิ่มคุณสมบัติ ” ในวัตถุสำเร็จแล้ว:
ตอนนี้ เราจะเพิ่มคุณสมบัติอื่นในวัตถุเดียวกัน:
สุดท้าย พิมพ์ “ รถ ” วัตถุบนคอนโซล:
เอาต์พุต
เราได้รวบรวมข้อมูลที่จำเป็นทั้งหมดที่เกี่ยวข้องกับการเพิ่มคุณสมบัติที่มีชื่อแบบไดนามิกในวัตถุ
บทสรุป
ใน JavaScript คุณสามารถเพิ่มคุณสมบัติให้กับวัตถุแบบไดนามิกได้โดยใช้ปุ่ม ' สัญกรณ์วงเล็บเหลี่ยม ” โดยใช้ไวยากรณ์ต่อไปนี้ “ obj['propertyName'] = 'ค่า' '. ในบทช่วยสอนนี้ เราได้กำหนดแนวคิดว่าจะสามารถเพิ่มคุณสมบัติที่มีชื่อแบบไดนามิกในวัตถุใน JavaScript ได้หรือไม่