JavaScript Objects

JavaScript objects ใช้สำหรับจัดเก็บค่า (values) และฟังก์ชัน (functions)

ลองนึกถึงรถยนต์ รถทุกคันมีคุณสมบัติ (properties) เช่น สี และรุ่น รถทุกคันมีเมธอด (methods) เช่น การขับเคลื่อน หรือการเบรก ซึ่งค่าและจังหวะเวลาจะแตกต่างกันไปในรถแต่ละคัน

คุณสมบัติ (Properties) และเมธอด (Methods)

ตัวอย่างของออบเจกต์:

const car = {
  type: "Fiat",
  model: "500",
  color: "white"
};

ในตัวอย่างนี้ type, model และ color คือ properties ส่วน "Fiat", "500" และ "white" คือค่า (values)

การสร้างออบเจกต์

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

ตัวอย่าง:

const person = {
  firstName: "John",
  lastName: "Doe",
  age: 50,
  eyeColor: "blue"
};

การจัดการคุณสมบัติ (Properties)

คุณสามารถเปลี่ยนแปลง เพิ่ม หรือลบ properties ได้ทุกเมื่อ

วิธีการเข้าถึง properties:

  1. Dot notation: person.age นี่คือวิธีที่ดีที่สุดเพื่อให้โค้ดอ่านง่าย

  2. Bracket notation: person["age"] ใช้ในกรณีที่ชื่อ property ของคุณอยู่ในตัวแปร หรือมีอักขระพิเศษ เช่น เครื่องหมายยัติภังค์ (hyphen)

  3. Expression: person[x]

เมธอดของออบเจกต์ (Object Methods)

Methods คือการกระทำที่ออบเจกต์ทำได้ โดยเมธอดคือฟังก์ชันที่ถูกจัดเก็บไว้ภายใน property ของออบเจกต์

ตัวอย่าง:

const person = {
  firstName: "John",
  lastName: "Doe",
  fullName: function() {
    return this.firstName + " " + this.lastName;
  }
};

Source: https://www.w3schools.com/js/js_object_methods.asp Full post: https://dev.to/madhanraj/javascript-objects-4i67