Запропонувати правку

Покращити цю статтю

Допрацюйте відповідь до «Ключ-значення». Ваші зміни проходять модерацію перед публікацією.

Потрібне підтвердження

Контент

Що ви змінюєте

Заголовок (UA)

Коротка відповідь (UA)

Показується над повною відповіддю для швидкого нагадування.

Відповідь (UA)

Пара **"ключ-значення" (key-value)** - це основа зберігання даних в об'єктах JavaScript (і в багатьох інших структурах).
**Ключ** - це ім'я властивості,
**Значення** - це дані, які цьому імені відповідають.

---

### Детальне пояснення

У JavaScript об'єкт зберігає дані у вигляді набору таких пар:

```javascript
const user = {
  name: 'Тим',     // ключ → значення
  age: 25,
  city: 'Berlin'
};
```

Тут:

- `name`, `age`, `city` - **ключі** (або "імена властивостей"),
- `'Тим'`, `25`, `'Berlin'` - **значення**.

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

---

### Як працюють ключі

- Ключі завжди **унікальні** в межах одного об'єкта.
- Зазвичай це **рядки** (або `Symbol`), навіть якщо ти пишеш число:

```javascript
  const obj = { 1: 'a', 2: 'b' };
  console.log(Object.keys(obj)); // ["1", "2"]
  ```

---

### Як отримати значення за ключем

```javascript
console.log(user.name);      // "Тим"
console.log(user['city']);   // "Berlin"
```

Доступ можливий:

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

```javascript
const key = 'age';
console.log(user[key]); // 25
```

---

### З чого складаються пари ключ-значення

Можна побачити їх у вигляді масиву:

```javascript
console.log(Object.entries(user));
```

Вивід:

```javascript
[
  ['name', 'Тим'],
  ['age', 25],
  ['city', 'Berlin']
]
```

Кожна пара - це `[ключ, значення]`.

---

### Де ще зустрічається принцип "ключ-значення"

| Структура | Приклад | Що зберігає |
|---|---|---|
| **Object** | `{ name: 'Тим' }` | Ключі → рядки |
| **Map** | `map.set('role', 'admin')` | Ключі → будь-які типи |
| **URLSearchParams** | `?id=1&name=Tim` | Ключі та значення з рядка URL |
| **FormData** | `form.append('email', 'tim@example.com')` | Поля форми |

---

### ПІДСУМОК

| Елемент | Опис |
|---|---|
| **Ключ (key)** | Ім'я властивості, за яким можна звернутися до даних |
| **Значення (value)** | Дані, пов'язані з цим ключем |
| **Приклад** | `{ "ключ": "значення" }` |
| **Типовий формат зберігання** | `{ name: 'Тим', age: 25 }` |

Markdown · перетягуйте зображення · ⌘B / ⌘I шорткати311 слів

Для рев’юера

Примітка для модератора (необов’язково)

Бачить лише модератор. Прискорює рев’ю.