Ключ-значення
Пара "ключ-значення" (key-value) - це основа зберігання даних в об'єктах JavaScript (і в багатьох інших структурах). Ключ - це ім'я властивості, Значення - це дані, які цьому імені відповідають.
Детальне пояснення
У JavaScript об'єкт зберігає дані у вигляді набору таких пар:
javascript
const user = {
name: 'Тим', // ключ → значення
age: 25,
city: 'Berlin'
};Тут:
name,age,city- ключі (або "імена властивостей"),'Тим',25,'Berlin'- значення.
Кожна властивість - це пара ключ-значення, яка описує частину даних.
Як працюють ключі
-
Ключі завжди унікальні в межах одного об'єкта.
-
Зазвичай це рядки (або
Symbol), навіть якщо ти пишеш число:javascriptconst 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 } |
Коротка відповідь
Для співбесідиPremium
Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.