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

4.2 KiB
Raw Blame History

id, title, challengeType, forumTopicId, dashedName
id title challengeType forumTopicId dashedName
587d7b7c367417b2b2512b18 Додавання пар Key-Value (ключ-значення) до об'єктів 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;