- урок №
Практика
на відпрацювання циклів і функцій
Робота з DOM
Деякі просунуті речі
бібліотека jQuery
- урок №
Підручник
jQuery для новачків - урок №
основи
роботи з jQuery - урок №
маніпулювання
елементами сторінки - урок №
Робота
з набором елементів - урок №
Робота
з подіями jQuery - урок №
Ефекти і анімація
бібліотеки jQuery - урок №
Практика на відпрацювання
бібліотеки jQuery - урок №
Робота з
бібліотекою jQueryUI - урок №
Популярні плагіни
бібліотеки jQuery
- урок №
Підручник
за регулярними виразами - урок №
Робота з регулярними
виразами. Глава 1. - урок №
Робота з регулярними
виразами. Глава 2. - урок №
Робота з регулярними
виразами. Глава 3. - урок №
Робота з регулярними
виразами. Глава 4. - урок №
відмінності
від PHP версії
Робота з кинувся
- урок №
Підручник
по роботі з canvas - урок №
основи
роботи з canvas - урок №
просунута
робота з canvas
- урок №
Робота
з контекстом і this - урок №
просунута
робота з контекстом
У програмуванні дуже часто виникає завдання зберігання списку схожих значень. наприклад, всіх днів тижня або всіх місяців. Можна було б створювати під кожне значення списку свою змінну, але це дуже незручно і довго - для списку днів тижня знадобилося б 7 змінних, а для місяців - взагалі 12.
А тепер уявіть, що вам потрібно вивести на екран назву третього місяця. За допомогою 12-ти різних змінних це було б проблематично, так як вам необхідно пам'ятати назви всіх змінних, в які ви записали імена місяців.
Тому для таких речей був винайдений спеціальний тип даних. Він називається масив.
Масив створюється за допомогою квадратних дужок [].
Поки створений нами масив не містить ніяких даних. Заповнимо його назвами днів тижня:
Кожне значення списку, який ми записали в масив (в нашому випадку кожен день тижня), називається елементом масиву.
Елементи розділяються між собою комою. Після цієї коми можна ставити пробіли, а можна і не ставити.
Зверніть увагу на те, що назви днів тижня є рядки і тому взяті в лапки. На відміну від рядків в масиві можна зберігати числа. і їх в лапки ми не беремо:
Як вивести окремий елемент масиву
Припустимо, ми хочемо вивести на екран середу за допомогою складеного масиву днів тижня.
Робиться це так: потрібно після змінної масиву (в нашому випадку arr) написати квадратні дужки []. а в них вказати порядковий номер елемента. який ми хочемо вивести: arr [3]. Здавалося б, що порядковий номер середовища - це 3, але це не так. Тому що в програмуванні нумерація починається з нуля. Тому 0 - це понеділок, 1 - це вівторок, а 2 - це середовище.
Подивіться і повторіть приклад:
Асоціативні масиви (об'єкти)
У попередньому прикладі, щоб звернутися до потрібного елементу масиву, ми писали в квадратних дужках його порядковий номер (нумерація починається з нуля, якщо ви вже забули). Ці порядкові номери називаються ключами масиву.
Тобто ми отримували значення елемента масиву по його ключу.
Давайте зробимо так, щоб понеділок мав ключ 1. а не нуль, як було раніше (і всім іншим дням додамо одиницю):
Синтаксис тут такий: ключ. потім йде двокрапка:. а потім значення.
Ключі не обов'язково повинні бути числами, вони можуть бути і рядками. Зробимо масив, в якому ключами будуть імена працівників, а елементами - їх зарплати:
Дізнаємося зарплату Васі:
Крім того, лапки навколо строкових ключів можна і не ставити:
Однак, на такі ключі накладаються обмеження: вони не повинні починатися з цифри, не повинні мати символ дефіса або символ пробілу всередині.
Якщо у вас є такий ключ - просто візьміть його в лапки і все буде ок.
властивості об'єкта
Існує й інший спосіб звернутися до елементу об'єкта - використовуючи звернення не через квадратні дужки, а через точку: чи не obj [ 'key']. а obj.key.
У цьому випадку говорять, що ми звертаємося до властивості об'єкта.
При такому способі звернення на назви властивостей (тобто ключів) накладаються обмеження: вони не повинні починатися з цифри, не повинні мати символ дефіса або символ пробілу всередині.
Якщо у вас є такий ключ - використовуйте звернення через квадратні дужки.
Як ще можна створити масив або об'єкт
замість <> і [] можна користуватися Object () і Array () відповідно (це просто альтернативний синтаксис).
Давайте створимо об'єкт другим синтаксисом:
Давайте створимо масив другим синтаксисом:
Створення об'єкта через <> і через Object () еквівалентно, ви можете користуватися тим способом, який вам зручніше.
А ось з масивом не все так просто. Різниця між ними проявляється в разі, якщо ви хочете зробити масив, що складається з одного елемента, який буде цілим числом, ось так:
В цьому випадку отримаємо не такий масив:
Це буде масив, що складається з 10-ти порожніх елементів (їх значення буде undefined), а не масив з одного елемента 10, як ми хотіли б.
заповнення масиву
Масив можна заповнювати не на етапі його створення, а потім. У наступному прикладі я спочатку оголосив, що змінна arr - масив, а потім заповнив його даними:
Також можна зробити і з об'єктами:
багатовимірний масив
Елементи масиву можуть бути не тільки рядками і числами, а й масивами. Тобто у нас вийде масив масивів або багатовимірний масив.
Давайте зробимо масив студентів students. який буде містити два подмассіва: студенти чоловічої статі і жіночої,
Щоб вивести який-небудь елемент з багатовимірного масиву слід писати вже не одну пару []. а дві: students [ 'boys'] [0] - так ми виведемо 'Коля'.
Що вам робити далі:
Приступайте до вирішення завдань за наступним посиланням: завдання до уроку.
Коли все вирішите - переходите до вивчення нової теми.
- урок №
Практика
на відпрацювання циклів і функцій
Робота з DOM
Деякі просунуті речі
бібліотека jQuery
- урок №
Підручник
jQuery для новачків - урок №
основи
роботи з jQuery - урок №
маніпулювання
елементами сторінки - урок №
Робота
з набором елементів - урок №
Робота
з подіями jQuery - урок №
Ефекти і анімація
бібліотеки jQuery - урок №
Практика на відпрацювання
бібліотеки jQuery - урок №
Робота з
бібліотекою jQueryUI - урок №
Популярні плагіни
бібліотеки jQuery
- урок №
Підручник
за регулярними виразами - урок №
Робота з регулярними
виразами. Глава 1. - урок №
Робота з регулярними
виразами. Глава 2. - урок №
Робота з регулярними
виразами. Глава 3. - урок №
Робота з регулярними
виразами. Глава 4. - урок №
відмінності
від PHP версії
Робота з кинувся
- урок №
Підручник
по роботі з canvas - урок №
основи
роботи з canvas - урок №
просунута
робота з canvas