Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Вивчайте Керування Властивостями Об'єктів | Основи Об'єктів JavaScript
Структури Даних JavaScript

bookКерування Властивостями Об'єктів

Розглянемо три важливі поняття, пов’язані з роботою з властивостями об'єктів:

  • Зміна значень властивостей;
  • Додавання нових властивостей;
  • Використання скорочених властивостей.

Зміна значень властивостей

Після створення об'єкта можна легко змінювати значення його властивостей. Для цього достатньо звернутися до властивості за іменем, використовуючи нотацію через крапку, і присвоїти нове значення.

Розглянемо приклад з об'єктом company:


              
12345678910111213141516

            
const company = {
  title: "Toyota",
  nativeName: "トヨタ自動車株式会社",
  industry: "Pharmacy",
  founded: {
    year: 1996,
    month: "August",
    day: 28,
  },
};

company.industry = "Automotive";
company.founded.year = 1937;

console.log(company.industry); // Output: Automotive
console.log(company.founded.year); // Output: 1937
copy

У цьому прикладі змінюються значення властивостей industry та founded.year.

Додавання нових властивостей

Додавання нової властивості до об'єкта не відрізняється від зміни значення існуючої властивості. Якщо властивість із заданою назвою ще не існує в об'єкті, вона буде створена.

Розглянемо об'єкт company з попереднього прикладу:


              
1234567891011121314

            
const company = {
  title: "Toyota",
  nativeName: "トヨタ自動車株式会社",
  industry: "Automotive",
  founded: {
    year: 1937,
    month: "August",
    day: 28,
  },
};

company.founder = "Kiichiro Toyoda";

console.log(company.founder); // Output: Kiichiro Toyoda
copy

У цьому прикладі до об'єкта founder додається нова властивість company.

Використання скорочених властивостей

Скорочені властивості спрощують процес створення об'єктів, особливо коли потрібно використати значення змінних або параметрів функції як значення властивостей.

Цей синтаксис дозволяє використовувати ім'я змінної як ім'я властивості та її значення як значення властивості.

Розгляньте наступний приклад:


              
12345678910

            
const name = "Carl Benz";
const birthCountry = "Germany";

const person = {
  name: name,
  birthCountry: birthCountry,
};

console.log(person.name); // Output: Carl Benz
console.log(person.birthCountry); // Output: Germany
copy

Використовуючи скорочені властивості, той самий об'єкт можна створити більш лаконічно:


              
12345678910

            
const name = "Carl Benz";
const birthCountry = "Germany";

const person = {
  name,
  birthCountry,
};

console.log(person.name); // Output: Carl Benz
console.log(person.birthCountry); // Output: Germany
copy

З використанням скорочених властивостей потрібно вказати лише ім'я властивості, і значення автоматично береться зі змінної з таким самим ім'ям.

1. Після створення об'єкта, як можна змінити значення його властивостей?

2. Що відбувається, якщо спробувати змінити значення властивості, якої не існує в об'єкті, використовуючи крапкову нотацію?

3. Який із наведених прикладів демонструє використання скорочених властивостей при створенні об'єкта?

4. Як можна додати змінну city як властивість до об'єкта userLocation, використовуючи скорочені властивості?

question mark

Після створення об'єкта, як можна змінити значення його властивостей?

Select the correct answer

question mark

Що відбувається, якщо спробувати змінити значення властивості, якої не існує в об'єкті, використовуючи крапкову нотацію?

Select the correct answer

question mark

Який із наведених прикладів демонструє використання скорочених властивостей при створенні об'єкта?

Select the correct answer

question mark

Як можна додати змінну city як властивість до об'єкта userLocation, використовуючи скорочені властивості?

Select the correct answer

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 2. Розділ 7

Запитати АІ

expand

Запитати АІ

ChatGPT

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

Awesome!

Completion rate improved to 2.27

bookКерування Властивостями Об'єктів

Свайпніть щоб показати меню

Розглянемо три важливі поняття, пов’язані з роботою з властивостями об'єктів:

  • Зміна значень властивостей;
  • Додавання нових властивостей;
  • Використання скорочених властивостей.

Зміна значень властивостей

Після створення об'єкта можна легко змінювати значення його властивостей. Для цього достатньо звернутися до властивості за іменем, використовуючи нотацію через крапку, і присвоїти нове значення.

Розглянемо приклад з об'єктом company:


              
12345678910111213141516

            
const company = {
  title: "Toyota",
  nativeName: "トヨタ自動車株式会社",
  industry: "Pharmacy",
  founded: {
    year: 1996,
    month: "August",
    day: 28,
  },
};

company.industry = "Automotive";
company.founded.year = 1937;

console.log(company.industry); // Output: Automotive
console.log(company.founded.year); // Output: 1937
copy

У цьому прикладі змінюються значення властивостей industry та founded.year.

Додавання нових властивостей

Додавання нової властивості до об'єкта не відрізняється від зміни значення існуючої властивості. Якщо властивість із заданою назвою ще не існує в об'єкті, вона буде створена.

Розглянемо об'єкт company з попереднього прикладу:


              
1234567891011121314

            
const company = {
  title: "Toyota",
  nativeName: "トヨタ自動車株式会社",
  industry: "Automotive",
  founded: {
    year: 1937,
    month: "August",
    day: 28,
  },
};

company.founder = "Kiichiro Toyoda";

console.log(company.founder); // Output: Kiichiro Toyoda
copy

У цьому прикладі до об'єкта founder додається нова властивість company.

Використання скорочених властивостей

Скорочені властивості спрощують процес створення об'єктів, особливо коли потрібно використати значення змінних або параметрів функції як значення властивостей.

Цей синтаксис дозволяє використовувати ім'я змінної як ім'я властивості та її значення як значення властивості.

Розгляньте наступний приклад:


              
12345678910

            
const name = "Carl Benz";
const birthCountry = "Germany";

const person = {
  name: name,
  birthCountry: birthCountry,
};

console.log(person.name); // Output: Carl Benz
console.log(person.birthCountry); // Output: Germany
copy

Використовуючи скорочені властивості, той самий об'єкт можна створити більш лаконічно:


              
12345678910

            
const name = "Carl Benz";
const birthCountry = "Germany";

const person = {
  name,
  birthCountry,
};

console.log(person.name); // Output: Carl Benz
console.log(person.birthCountry); // Output: Germany
copy

З використанням скорочених властивостей потрібно вказати лише ім'я властивості, і значення автоматично береться зі змінної з таким самим ім'ям.

1. Після створення об'єкта, як можна змінити значення його властивостей?

2. Що відбувається, якщо спробувати змінити значення властивості, якої не існує в об'єкті, використовуючи крапкову нотацію?

3. Який із наведених прикладів демонструє використання скорочених властивостей при створенні об'єкта?

4. Як можна додати змінну city як властивість до об'єкта userLocation, використовуючи скорочені властивості?

question mark

Після створення об'єкта, як можна змінити значення його властивостей?

Select the correct answer

question mark

Що відбувається, якщо спробувати змінити значення властивості, якої не існує в об'єкті, використовуючи крапкову нотацію?

Select the correct answer

question mark

Який із наведених прикладів демонструє використання скорочених властивостей при створенні об'єкта?

Select the correct answer

question mark

Як можна додати змінну city як властивість до об'єкта userLocation, використовуючи скорочені властивості?

Select the correct answer

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 2. Розділ 7
some-alt