Скорочений синтаксис і методи об’єктів

const name = "Марія";
const age = 25;

const user = {
  name,
  age
};

console.log(user);
// { name: "Марія", age: 25 }

const city = "Львів";

const firstObject = {
  city: city
};

const secondObject = {
  city
};

console.log(firstObject);
console.log(secondObject);

const title = "JavaScript";
const duration = 30;
const isPublished = true;

const lesson = {
  title,
  duration,
  isPublished
};

console.log(lesson);

const propertyName = "email";
const propertyValue = "user@example.com";

const user = {
  [propertyName]: propertyValue
};

console.log(user);
// { email: "user@example.com" }

const propertyName = "email";

const wrongUser = {
  propertyName: "user@example.com"
};

const correctUser = {
  [propertyName]: "user@example.com"
};

console.log(wrongUser);
// { propertyName: "user@example.com" }

console.log(correctUser);
// { email: "user@example.com" }

const prefix = "user";
const field = "name";

const data = {
  [`${prefix}_${field}`]: "Олена"
};

console.log(data);
// { user_name: "Олена" }

const firstName = "first";
const lastName = "last";

const user = {
  [`${firstName}Name`]: "Анна",
  [`${lastName}Name`]: "Шевченко"
};

console.log(user);
// { firstName: "Анна", lastName: "Шевченко" }

const user = {
  name: "Олег",
  sayHello: function () {
    console.log("Привіт!");
  }
};

user.sayHello();

const user = {
  name: "Олег",

  sayHello() {
    console.log("Привіт!");
  }
};

user.sayHello();

const firstObject = {
  greet: function () {
    console.log("Привіт!");
  }
};

const secondObject = {
  greet() {
    console.log("Привіт!");
  }
};

const calculator = {
  add(a, b) {
    return a + b;
  },

  multiply(a, b) {
    return a * b;
  }
};

console.log(calculator.add(2, 3));      // 5
console.log(calculator.multiply(4, 5)); // 20

const user = {
  firstName: "Олена",
  lastName: "Коваль",

  getFullName() {
    return `${this.firstName} ${this.lastName}`;
  }
};

console.log(user.getFullName());
// Олена Коваль

const counter = {
  value: 0,

  increase() {
    this.value += 1;
  },

  reset() {
    this.value = 0;
  }
};

counter.increase();
counter.increase();

console.log(counter.value); // 2

counter.reset();

console.log(counter.value); // 0

const title = "Курс JavaScript";
const duration = 12;
const actionName = "getInfo";

const course = {
  title,
  duration,

  [actionName]() {
    return `${this.title}: ${this.duration} уроків`;
  }
};

console.log(course.title);
// Курс JavaScript

console.log(course.getInfo());
// Курс JavaScript: 12 уроків

const productName = "Навушники";
const productPrice = 2500;
const methodName = "getDescription";

const product = {
  name: productName,
  price: productPrice,
  available: true,

  [methodName]() {
    const status = this.available ? "є в наявності" : "немає в наявності";

    return `${this.name} — ${this.price} грн, ${status}`;
  },

  applyDiscount(percent) {
    this.price -= this.price * percent / 100;
  }
};

console.log(product.getDescription());
// Навушники — 2500 грн, є в наявності

product.applyDiscount(10);

console.log(product.getDescription());
// Навушники — 2250 грн, є в наявності

const userName = "Іван";

const user = {
  name: userName
};

console.log(user.name);
// Іван

const name = "Іван";

const user = {
  name
};

const key = "color";

const item = {
  [key]: "blue"
};

console.log(item.color);
// blue

const key = "color";

const item = {
  key: "blue"
};

console.log(item.key);
// blue

console.log(item.color);
// undefined

const user = {
  greet() {
    return "Привіт!";
  }
};

console.log(user.greet);
// [Function: greet]

console.log(user.greet());
// Привіт!

const user = {
  name: "Софія",

  greet() {
    return `Привіт, я ${this.name}`;
  }
};

console.log(user.greet());
// Привіт, я Софія

const user = {
  name: "Софія",

  greet() {
    return `Привіт, я ${this.name}`;
  }
};

const greet = user.greet;

console.log(greet());
// У строгому режимі this буде undefined

const title = "Кобзар";
const author = "Тарас Шевченко";
const pages = 352;
const methodName = "isLong";

const book = {
  title,
  author,
  pages,

  getInfo() {
    return `${this.title} — ${this.author}, ${this.pages} сторінок`;
  },

  [methodName]() {
    return this.pages > 300;
  }
};

console.log(book.getInfo());
// Кобзар — Тарас Шевченко, 352 сторінок

console.log(book.isLong());
// true