home

หน้าแรก
 Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

วิธีเพิ่ม Property ให้ Object ใน JavaScript

การเพิ่ม Property ให้ Object

ใน JavaScript สามารถเพิ่ม Property ให้ Object ได้ตลอดเวลา โดยใช้ Dot Notation หรือ Bracket Notation

ตัวอย่าง

<html> <body> <p id="demo"></p> <script>
  var car = {name: "Benz", "Brand": "Mercedes", model: "open roof"};
  
  // เพิ่ม Property ใหม่
  car.price = "50,000$";
  car.color = "Black";
  
  // แสดงผลเป็น JSON
  document.write(JSON.stringify(car));
</script> </body> </html>

ผลลัพธ์

{"name":"Benz","Brand":"Mercedes","model":"open roof","price":"50,000$","color":"Black"}

วิธีการเพิ่ม Property อื่นๆ

  • Bracket Notation: car["year"] = 2024; (เหมาะสำหรับ Key ที่มีช่องว่างหรือตัวแปร)
  • Object.defineProperty(): ควบคุม Attributes (writable, enumerable, configurable)
  • Spread Operator (ES6): const newCar = {...car, engine: "V8"}; (Immutable)