Object

សេចក្តីផ្តើម

Object គឺជា data type សំខាន់បំផុតក្នុង JavaScript។ Object អាចរក្សាទុកតម្លៃច្រើនជា key-value pairs (properties)។

បង្កើត Object

Object Properties

let person = {
  name: "John",
  age: 30,
  city: "Phnom Penh"
};

// Access properties
person.name;        // "John"
person["age"];      // 30

Properties អាច access តាម dot notation ឬ bracket notation

Add, Modify & Delete Properties

let person = {name: "John"};

// Add
person.age = 30;

// Modify
person.name = "Jane";

// Delete
delete person.age;

អាចបន្ថែម, ផ្លាស់ប្តូរ និងលុប properties បាន

Object Methods

let person = {
  name: "John",
  greet: function() {
    return "Hello, " + this.name;
  }
};

person.greet();  // "Hello, John"

Methods គឺជា functions នៅក្នុង object

Object.keys(), values(), entries()

let obj = {a: 1, b: 2, c: 3};

Object.keys(obj);     // ["a", "b", "c"]
Object.values(obj);   // [1, 2, 3]
Object.entries(obj);  // [["a", 1], ["b", 2], ["c", 3]]

Methods សម្រាប់ទាញយក keys, values, entries

Loop Through Object

let obj = {a: 1, b: 2, c: 3};

// for...in loop
for (let key in obj) {
  console.log(key, obj[key]);
}

// Object.keys()
Object.keys(obj).forEach(key => {
  console.log(key, obj[key]);
});

វិធីផ្សេងៗក្នុងការ loop object

Object.assign() & Spread

let obj1 = {a: 1, b: 2};
let obj2 = {c: 3};

// Object.assign()
Object.assign(obj1, obj2);  // {a: 1, b: 2, c: 3}

// Spread operator
let obj3 = {...obj1, ...obj2};  // {a: 1, b: 2, c: 3}

Methods សម្រាប់បញ្ចូលគ្នា objects

Best Practices

• ប្រើ object literal {} ជំនួស new Object()
• ប្រើ dot notation សម្រាប់ properties ធម្មតា
• ប្រើ bracket notation សម្រាប់ dynamic keys
• ប្រើ const សម្រាប់ objects (properties នៅតែផ្លាស់ប្តូរបាន)

Interactive Examples

• Object Property Manager
• Object Method Demo
• Object Keys/Values Viewer
• Object Loop Demo
• Object Merge Demo
• JSON Converter

សង្ខេប

• Object រក្សាទុកតម្លៃជា key-value pairs
• Access: dot notation (obj.key) ឬ bracket notation (obj["key"])
• Methods: Object.keys(), values(), entries()
• Loop: for...in ឬ Object.keys().forEach()
• Merge: Object.assign() ឬ spread operator