วิธีเพิ่มคุณสมบัติให้กับวัตถุใน JavaScript

วัตถุ JavaScript จัดการคุณสมบัติหลายอย่างที่เป็นค่าคู่ของคีย์ คุณสมบัติเหล่านี้ใช้สำหรับระบุคุณภาพและคุณลักษณะของวัตถุที่กำหนดไว้ใน JavaScript เมื่อออบเจกต์ถูกสร้างขึ้น สามารถเพิ่ม ลบ และแก้ไขคุณสมบัติที่เกี่ยวข้องได้แบบไดนามิก โดยเฉพาะอย่างยิ่ง JavaScript มีหลายวิธีสำหรับการเพิ่มคุณสมบัติให้กับวัตถุ

โพสต์นี้จะระบุวิธีการหลายวิธีในการเพิ่มคุณสมบัติให้กับวัตถุใน JavaScript

จะเพิ่ม / แทรกคุณสมบัติให้กับวัตถุใน JavaScript ได้อย่างไร

ตอนนี้ เราจะกล่าวถึงวิธีการต่อไปนี้สำหรับการเพิ่มคุณสมบัติให้กับวัตถุ:

• วิธีที่ 1: เพิ่มคุณสมบัติโดยใช้เครื่องหมายจุด (.)
• วิธีที่ 2: เพิ่มคุณสมบัติโดยใช้เมธอด Object.assign()
• วิธีที่ 3: เพิ่มคุณสมบัติโดยใช้เมธอด Object.defineProperty()

วิธีที่ 1: เพิ่มคุณสมบัติให้กับวัตถุโดยใช้เครื่องหมายจุด (.)

สัญลักษณ์จุดเป็นวิธีการเข้าถึงคุณสมบัติของวัตถุ เมื่อเขียนเครื่องหมายจุด คุณควรเขียนชื่อวัตถุก่อน จากนั้นจึงใส่จุด (.) แล้วจึงใส่ชื่อคุณสมบัติ

ตัวอย่าง

ขั้นแรก ให้ประกาศวัตถุด้วยความช่วยเหลือของ ' อนุญาต ” คำหลักและกำหนดคุณสมบัติให้กับวัตถุที่กำหนดภายในบล็อก:

ใช้ ' คอนโซล.ล็อก() ” วิธีการและผ่านการโต้แย้ง “ ออบ ” เพื่อแสดงบนคอนโซล:

ตอนนี้เพิ่มคุณสมบัติด้วยความช่วยเหลือของเครื่องหมายจุด:

แสดงผลบนคอนโซล:

เอาต์พุต

วิธีที่ 2: เพิ่มคุณสมบัติให้กับวัตถุโดยใช้วิธีการ Object.assign()

เรายังสามารถใช้ “ กำหนด() วิธีการในตัวของ JavaScript เพื่อเพิ่มคุณสมบัติในวัตถุ “ Object.assign() ” เป็นวิธีการแบบคงที่ของ JavaScript ซึ่งใช้สำหรับการคัดลอกคุณสมบัติและคุณสมบัติที่นับได้ทั้งหมดจากวัตถุต้นทางอย่างน้อยหนึ่งรายการสำหรับการกำหนดเป้าหมายวัตถุ

ไวยากรณ์

หากต้องการใช้เมธอด object.assign() ให้ตรวจสอบไวยากรณ์ที่กำหนด:

ในไวยากรณ์ข้างต้น:

• “ เป้า ” กำหนดวัตถุที่จะคัดลอกค่าคุณสมบัติ
• “ แหล่งที่มา ” ระบุวัตถุที่ควรคัดลอกค่าคุณสมบัติที่เกี่ยวข้อง

ตัวอย่าง

ในตัวอย่างนี้ ขั้นแรก ให้ประกาศตัวแปรและกำหนดคุณสมบัติ จากนั้นประกาศตัวแปรอื่นโดยทำตามขั้นตอนเดียวกัน:

ใช้ ' Object.assign() ” วิธีการและผ่านการโต้แย้งโดยที่พารามิเตอร์แรกคือวัตถุเป้าหมายและพารามิเตอร์ที่สองคือวัตถุต้นทาง วิธีนี้จะคัดลอกค่าต้นฉบับทั้งหมดในค่าเป้าหมาย:

จากนั้นเรียกใช้ ' คอนโซล.ล็อก() ” วิธีการแสดงผลบนคอนโซล:

เอาต์พุต

วิธีที่ 3: เพิ่มคุณสมบัติให้กับวัตถุโดยใช้เมธอด Object.defineProperty()

“ Object.defineProperty() ” เป็นวิธีการแบบสแตติกของ JavaScript ที่ใช้สำหรับกำหนดคุณสมบัติล่าสุดและใหม่ให้กับวัตถุโดยตรง หรือเปลี่ยนคุณสมบัติที่มีอยู่ของวัตถุและส่งคืนวัตถุ

ไวยากรณ์

เมื่อต้องการใช้ “ Object.defineProperty() ” วิธีการทำตามไวยากรณ์ที่กำหนด:

ที่นี่:

• “ ออบ ” หมายถึงวัตถุ
• “ new_property ” กำหนดคุณสมบัติที่จะเพิ่ม
• “ การกำหนดค่า ” กำหนดค่าที่สามารถเปลี่ยนแปลงและแก้ไขได้

ตัวอย่าง

ประกาศวัตถุด้วยความช่วยเหลือของ ' อนุญาต ' คำสำคัญ:

ใช้ “ Object.defineProperty() ” วิธีการและส่งผ่านข้อโต้แย้ง และตั้งค่าสำหรับคุณสมบัติที่เขียนได้เป็นจริง ดังนั้น คุณสมบัติ id ของวัตถุ obj สามารถเปลี่ยนแปลงได้ในขณะนี้:

เพิ่มพร็อพเพอร์ตี้ด้วยความช่วยเหลือของ “ obj.id ” และกำหนดค่า:

ตามอาร์กิวเมนต์ที่ส่งผ่าน คอนโซลจะแสดงค่าคุณสมบัติที่เปลี่ยนแปลง:

ตั้งค่าคุณสมบัติที่เขียนได้เป็นเท็จ เป็นผลให้ไม่สามารถเปลี่ยนชื่อคุณสมบัติของวัตถุ obj ได้ในขณะนี้:

เพิ่มพร็อพเพอร์ตี้ด้วยความช่วยเหลือของ “ obj.name ” และกำหนดค่า:

ตามอาร์กิวเมนต์ที่ส่งผ่าน คอนโซลจะไม่แสดงค่าคุณสมบัติใหม่ (Hafsa Javed) ที่ส่งผ่าน แต่ค่าที่เก่ากว่า (Hafsa):

นั่นคือทั้งหมดที่เกี่ยวกับการเพิ่มคุณสมบัติให้กับวัตถุใน JavaScript

บทสรุป

ในการเพิ่มคุณสมบัติให้กับวัตถุใน JavaScript สามารถใช้หลายวิธีได้ ผู้ใช้สามารถเพิ่มคุณสมบัติให้กับวัตถุได้โดยใช้ “ สัญลักษณ์จุด (.) ”, “ Object.assign() ” วิธีการ หรือ “ Object.defineProperty() ' วิธี. โพสต์นี้ระบุวิธีการหลายวิธีในการเพิ่มคุณสมบัติให้กับวัตถุใน JavaScript