JavaScript Objects

Objects group related data together as key-value pairs.

Creating and accessing

An object holds properties. Access them with dot or bracket notation.

const user = {
  name: "Ada",
  age: 36,
  admin: true
};

console.log(user.name);
console.log(user["age"]);

Objects are mutable — add or change properties anytime.

const user = { name: "Ada" };
user.age = 36;
user.name = "Ada Lovelace";
console.log(user);

Functions stored on an object are called methods.

const counter = {
  value: 0,
  increment() {
    this.value++;
  }
};

counter.increment();
counter.increment();
console.log(counter.value);

Destructuring unpacks object properties into variables in one line.

const user = { name: "Grace", role: "engineer" };
const { name, role } = user;
console.log(name, role);