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

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

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

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

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

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


              
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.

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

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


              
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.

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

Скорочені властивості дозволяють створювати об'єкти більш лаконічно. Коли ім'я властивості та ім'я змінної збігаються, JavaScript дозволяє уникнути повторення.


              
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

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

Suggested prompts:

Can you explain more about shorthand properties and when to use them?

What happens if I try to modify a property that doesn't exist yet?

Can you show more examples of adding or modifying nested properties?

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

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

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

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

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

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


              
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.

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

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


              
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.

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

Скорочені властивості дозволяють створювати об'єкти більш лаконічно. Коли ім'я властивості та ім'я змінної збігаються, JavaScript дозволяє уникнути повторення.


              
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