Пояснення
Окрім примітивних типів даних, як-от number і string, у JavaScript є ще один важливий тип даних під назвою object.
Обʼєкти - це набори пар ключ-значення.
Тож їх можна використовувати так само, як те, що в інших мовах часто називають мапами або словниками.
В інших мовах усі значення в мапі часто мають бути одного типу даних.
У JavaScript обмежено лише тип ключа: він має бути string.
Значення всередині одного обʼєкта можуть мати різні типи.
Вони можуть бути примітивними типами, як-от числа, але також масивами, іншими обʼєктами чи навіть функціями.
Це робить обʼєкти надзвичайно універсальними, тому вони також є ключовими сутностями для обʼєктно-орієнтованого програмування (ООП) у JavaScript.
Далі ми зосередимося на обʼєктах як на колекціях або мапах.
Інші випадки використання обʼєктів ми розглянемо в інших концепціях, наприклад у класах.
Створення обʼєкта
Ми створюємо обʼєкт за допомогою фігурних дужок.
Можна також одразу додати деякі записи.
Для цього спочатку вказуємо ключ, а потім двокрапку і значення.
const emptyObject = {};
const obj = {
favoriteNumber: 42,
greeting: 'Hello World',
useGreeting: true,
address: {
street: 'Trincomalee Highway',
city: 'Batticaloa',
},
fruits: ['melon', 'papaya'],
addNumbers: function (a, b) {
return a + b;
},
};
Кома після останнього запису в JavaScript необовʼязкова.
Може виникнути питання, чому ключі не беруть у лапки, хоча вони мають бути рядками тексту.
Це скорочений запис.
Якщо ключ відповідає правилам найменування ідентифікаторів у JavaScript, лапки можна опустити.
А для ключів зі спеціальними символами в назві потрібно використати звичайний запис рядка тексту (англ. string).
const obj = {
'1keyStartsWithNumber': '...',
'key/with/slashes': '...',
'key-with-dashes': '...',
'key with spaces': '...',
'#&()[]{}èä樹keyWithSpecialChars': '...',
};
Отримання значення
Існує два способи отримати значення за заданим ключем: точкова нотація і нотація з квадратними дужками.
const obj = { greeting: 'hello world' };
obj.greeting;
// => hello world
obj['greeting'];
// => hello world
// Bracket notation also works with variables.
const key = 'greeting';
obj[key];
// => hello world
Використання точкової нотації як скорочення має те саме обмеження, що й пропуск лапок.
Вона працює, лише якщо ключ відповідає правилам найменування ідентифікаторів.
Додавання або зміна значення
Додати або змінити значення можна за допомогою оператора присвоєння =.
І знову доступні точкова нотація і нотація з квадратними дужками.
const obj = { greeting: 'hello world' };
obj.greeting = 'Hi there!';
obj['greeting'] = 'Welcome.';
obj.newKey1 = 'new value 1';
obj['new key 2'] = 'new value 2';
const key = 'new key 3';
obj[key] = 'new value 3';
Видалення запису
Пару ключ-значення можна видалити з обʼєкта за допомогою ключового слова delete.
const obj = {
key1: 'value1',
key2: 'value2',
};
delete obj.key1;
delete obj['key2'];
Перевірка наявності ключа
Перевірити, чи існує певний ключ в обʼєкті, можна методом hasOwnProperty.
const obj = { greeting: 'hello world' };
obj.hasOwnProperty('greeting');
// => true
obj.hasOwnProperty('age');
// => false
Перебирання обʼєкта
Існує спеціальний цикл for...in, щоб перебрати всі ключі обʼєкта.
const obj = {
name: 'Ali',
age: 65,
};
for (let key in obj) {
console.log(key, obj[key]);
}
// name Ali
// age 65
Щоб уникнути тонких помилок, завжди слід припускати, що цикл for...in обходить ключі в довільному порядку.
Також варто памʼятати, що for...in включає успадковані ключі у свою ітерацію.
Навчальна вправа
