How to use objects

Create an object

An object literal groups related values as key-value properties.

const learner = {
  name: "Ayo",
  lessonsCompleted: 3,
  active: true
};
console.log(learner);

Read and update properties

Use dot notation for known valid names and brackets for a computed property name.

const product = { name: "Notebook", price: 4 };
console.log(product.name);
const field = "price";
console.log(product[field]);
product.price = 5;
product.inStock = true;

Destructure useful fields

Destructuring extracts properties into variables. A default handles an absent property, but not one explicitly set to null.

const settings = { theme: "dark", fontSize: 18 };
const { theme, language = "en" } = settings;
console.log(theme, language);

Copy and inspect objects

Spread makes a shallow copy. Optional chaining safely stops when an intermediate value is nullish.

const original = { name: "Lina", address: { city: "Lagos" } };
const updated = { ...original, name: "Lea" };
console.log(updated.address?.city);
console.log(Object.keys(updated));