freeCodeCamp/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/add-key-value-pairs-to-javascript-objects.md

id, title, challengeType, forumTopicId, dashedName

id	title	challengeType	forumTopicId	dashedName
587d7b7c367417b2b2512b18	Додавання пар ключ-значення до об’єктів JavaScript	1	301153	add-key-value-pairs-to-javascript-objects

--description--

По суті, об’єкти — це просто набори пар ключ-значення. Іншими словами, це фрагменти даних (значення), зіставлені з унікальними ідентифікаторами, що називаються властивостями (ключами). Розглянемо приклад:

const tekkenCharacter = {
  player: 'Hwoarang',
  fightingStyle: 'Tae Kwon Doe',
  human: true
};

Наведений вище код визначає об’єкт персонажа відеоігри «Tekken» під назвою tekkenCharacter. У нього є три властивості, кожна з яких відповідає певному значенню. Якщо ви хочете додати додаткову властивість, як-от «origin», це можна зробити, призначивши origin до об’єкта:

tekkenCharacter.origin = 'South Korea';

Тут використовується точкова нотація. Якщо ви спостерігали за об'єктом tekkenCharacter, то тепер він містить властивість origin. У Хварана також було яскраво-помаранчеве волосся. Ви можете додати цю властивість завдяки дужковій нотації:

tekkenCharacter['hair color'] = 'dyed orange';

Дужкова нотація потрібна, якщо у вашій властивості є пробіл або ви хочете використовувати змінну, щоб назвати властивість. У наведеному вище випадку властивість розміщується в лапках, щоб позначити її як рядок і вона буде додана точно так, як показано. Без лапок вона буде оцінюватися як змінна, а ім’ям властивості буде значення змінної. Ось приклад зі змінною:

const eyes = 'eye color';

tekkenCharacter[eyes] = 'brown';

Після додавання всіх прикладів об’єкт буде виглядати так:

{
  player: 'Hwoarang',
  fightingStyle: 'Tae Kwon Doe',
  human: true,
  origin: 'South Korea',
  'hair color': 'dyed orange',
  'eye color': 'brown'
};

--instructions--

Об’єкт foods був створений з трьома записами. Використовуючи обраний синтаксис, додайте до нього ще три записи: bananas зі значенням 13, grapes зі значенням 35 та strawberries зі значенням 27.

--hints--

foods має бути об’єктом.

assert(typeof foods === 'object');

Об’єкт foods повинен мати ключ bananas зі значенням 13.

assert(foods.bananas === 13);

Об’єкт foods повинен мати ключ grapes зі значенням 35.

assert(foods.grapes === 35);

Об’єкт foods повинен мати ключ strawberries зі значенням 27.

assert(foods.strawberries === 27);

Встановіть пари ключ-значення, використовуючи дужкову або точкову нотацію.

assert(
  code.search(/bananas:/) === -1 &&
    code.search(/grapes:/) === -1 &&
    code.search(/strawberries:/) === -1
);

--seed--

--seed-contents--

let foods = {
  apples: 25,
  oranges: 32,
  plums: 28
};

// Only change code below this line

// Only change code above this line

console.log(foods);

--solutions--

let foods = {
  apples: 25,
  oranges: 32,
  plums: 28
};

foods['bananas'] = 13;
foods['grapes']  = 35;
foods['strawberries'] = 27;