Масиви JS. Об’єкт JS. Багатовимірні масиви JavaScript

Привіт, мінлива, коли ти масив

З давніх пір навчання програмуванню починалося з опису простої змінної «i am variable!» і виведення її значення «Hello, World!!».

В даному прикладі, ніщо не заважає масиви JS перетворити в змінну з одним значенням, а змінну i_am_VARIABLE зробити масивом.

Є суттєва різниця між «[ … ]» і «{ … }», але немає ніякої різниці між aSimple і oSimple. Будь-яка змінна може поміняти свій тип в будь-якому місці алгоритму і в будь-який час.

HTML-елементи сторінки, завантаженої в браузер, насичені подіями, більшість з яких розробник відстежує і призначає їм потрібний функціонал в JavaScript-код. Функції JS, що викликаються за подіями на елементах DOM, можуть змінювати масиви JS в будь-який момент часу. Це дає шанс формувати історію, але цим мало хто користується.

Особливості описів масивів та об’єктів

Реалізація об’єктно-орієнтованого програмування (ООП) в JavaScript – найкраща, на тій простій підставі, що це мова браузера завжди працює на реальних об’єктах. Незважаючи на те, що реальними об’єктами є об’єкти сторінки, перетвореної в DOM, ці об’єкти управляються функціоналом сторінки і діями відвідувача. А це досвід JS і робота з масивами, як з реальними даними.

У наведеному прикладі заповнення змінної aSimple (насправді це масив) відбувається тільки трьома операторами, і виходить набір з трьох значень: “Фортран”, “Алгол” і “Basic”. JS, як асоціативні масиви, не інтерпретує опис змінної квадратними дужками.

Навпаки, будь-яка спроба використовувати змінну інакше, ніж описано фігурними дужками, приречена на провал. В описі об’єктів важливі також використовуються лапки і кодування. Якщо в перспективі масив або об’єкт будуть використані у форматі JSON, потрібно кодування UTF-8 і тільки подвійні лапки.

Якщо до змінної застосовано опис «{ … }», значить, це динамічний масив з текстовими ключами, можливо, повноцінний об’єкт з методами і власною структурою даних.