WEBVTT

00:00:01.333 --> 00:00:03.803
Я написала програму щоб розказати вам
пікантну інформацію про

00:00:03.803 --> 00:00:07.469
Вінстона, але не дуже багато, тому що він
любить тримати дещо

00:00:07.469 --> 00:00:11.870
в таємниці. Саме такий Вінстон. Отже,

00:00:11.870 --> 00:00:15.334
подивимось як я зробила цю програму. Я
створила декі змінні зверху щоб зберігати

00:00:15.334 --> 00:00:20.034
трохи інформації про нього. Перша змінна
містить число - його вік- друга рядок

00:00:20.034 --> 00:00:23.955
-про його очі- третя містить масив рядків,

00:00:23.955 --> 00:00:27.907
про речі які він любить робити, і дві
останні змінні містять

00:00:27.907 --> 00:00:31.566
рядки, що розказують де він народився. 
Тоді

00:00:31.566 --> 00:00:35.940
тут, я показала кожну з них використовуючи
текстову команду і тільки ім'я змінної

00:00:35.940 --> 00:00:39.699
І звісно для масиву, я повинна мати доступ
до кожного його елементу

00:00:39.699 --> 00:00:42.950
використовуючи позначеня дужок. Класно.

00:00:42.950 --> 00:00:48.636
Зараз всі 5 з цих змінних розказують про
одне і те саме: Вінстона.

00:00:48.636 --> 00:00:51.598
Але змінні не знают, що вони про одне
і те саме

00:00:51.598 --> 00:00:55.502
і знаєте, у Javascript коли ви хочете

00:00:55.502 --> 00:00:59.289
зберігати кілька фрагментів інформації які
пов'язані, у нас є кращий спосіб

00:00:59.289 --> 00:01:03.125
їхнього зберігання і він дійсно чудовий,
і називається Об'єкт [Object]

00:01:03.125 --> 00:01:06.795
Так що це означає, що замість 5 змінних, 
ми можемо мати одну

00:01:06.795 --> 00:01:11.623
змінну, яка зберігає всю цю інформацію, 
що є досить класно.

00:01:11.623 --> 00:01:15.169
Спробуємо її з інформацією про Вінстона.
Спочатку, ми оголосимо

00:01:15.169 --> 00:01:18.837
змінну, і ми називемо її Вінстон. І тоді

00:01:18.837 --> 00:01:23.399
ми поставимо відкриту фігурну дужку - 
переконайтеся чи фігурна, а не квадратна -

00:01:23.399 --> 00:01:27.107
і крапкую з комою. Таким чином, 
ми створили об'єкт

00:01:27.107 --> 00:01:31.047
але вона немає абсолютно ніякої інформації
всередині.

00:01:31.909 --> 00:01:35.668
Отже. щоб додати трохи інформації, нам
потрібно додати властивості.

00:01:35.668 --> 00:01:41.276
І кожна властивість це є ключ і значення.
Наприклад, вік буде "age: 19"

00:01:41.276 --> 00:01:43.789
Гаразд. І тоді для очей, ми додамо

00:01:43.789 --> 00:01:48.039
кому і тоді eyes:"black". Гаразд, чудово.

00:01:48.039 --> 00:01:52.742
Отже, тепер Вінстон має дві властивості
всередині об'єкта.

00:01:52.742 --> 00:01:55.607
І для вподобань, ми просто введемо:"likes:
і тоді я

00:01:55.607 --> 00:02:00.076
і просто скопіюємо це звідси, сюди, і

00:02:00.076 --> 00:02:04.000
дуже добре. Отже, поглянемо на це. Ванстон
має три властивості

00:02:04.000 --> 00:02:07.527
Кожна властивість це ключ, що з правої

00:02:07.527 --> 00:02:12.796
сторони, і значення, що по лівій стороні

00:02:12.796 --> 00:02:15.632
Для ключа, він повинен слідувати тим самим
правилам, що і Javascript

00:02:15.632 --> 00:02:20.099
імена змінних. Без пробілів, починати
з літери, все це.

00:02:20.591 --> 00:02:22.960
Для значення, це може бути будь-який її
тип,

00:02:22.960 --> 00:02:27.124
що ми бачили раніше. Це може бути число,
може бути рядок, це може бути масив

00:02:27.124 --> 00:02:33.373
Це може бути навіть логічне значення, отже
ми могли б додати isCool: істинна, звісно

00:02:34.126 --> 00:02:38.398
І насправді, це значення може навіть бути
й іншим об'єктом. Отже,

00:02:38.398 --> 00:02:42.709
BirthCity and BirthState. Ці, дійсно
частинки інформації про те ж саме

00:02:42.709 --> 00:02:46.616
що є одним розсташування. І, таким чином,
я думаю, що це буде

00:02:46.616 --> 00:02:51.042
більше сенсу якщо ми збережемо це я
об'єкт. я додам ще один ключ: birthplace,

00:02:51.042 --> 00:02:54.836
і тоді для значення я вставлю фігурні 
дужки знову

00:02:54.836 --> 00:02:58.376
і тоді всередині матиму ключ для міста:

00:02:58.376 --> 00:03:02.287
"Mountain View", і тоді штат

00:03:02.287 --> 00:03:06.766
"Каліфорнія" Чудово! Отже,тепер ви можете
бачити як насправді ви можете

00:03:06.766 --> 00:03:10.480
зберігати дуже багато інформацію всередині
об'єкта.

00:03:11.033 --> 00:03:15.459
Добре. І тепер у нас є цей хороший об'єкт,
що показує всю цю інформацію про Вінстона

00:03:15.459 --> 00:03:18.783
Попробуємо видалити ці окремі старі змінні

00:03:18.783 --> 00:03:23.066
що не знають один про одного. Гаразд

00:03:23.066 --> 00:03:27.039
Ой-ой! Отже тепер у нас помилка. І це
тому, що наші

00:03:27.039 --> 00:03:30.739
текстові команди посилаються на старі
змінні. Нам потрібно оновити

00:03:30.739 --> 00:03:34.502
їх щоб натомсіть використовувати
інформацію об'єкта.

00:03:34.502 --> 00:03:38.218
Почнемо з того, що законметуємо останні 3,
отже ми можемо

00:03:38.218 --> 00:03:43.322
зробити це по одному за раз. Гараз. І це
йдеться про WinstonAge зараз

00:03:43.322 --> 00:03:46.396
Тому, на слід замінити це, отже напишемо

00:03:46.396 --> 00:03:50.293
Вінстон, так як це ім'я змінної. Зауважте

00:03:50.293 --> 00:03:53.834
якщо ми просто залишимо це так, то це 
говорить об'єкт об'єкт. Що є дійсно

00:03:53.834 --> 00:03:57.369
негарно. Ось Javascript говорить нам, що
ми намагаємося перетворити цілий

00:03:57.369 --> 00:04:02.109
об'єкт у рядкове значення. Але натомісь
ми дійсно просто

00:04:02.109 --> 00:04:06.134
ми хочемо мати доступ тільки до віку
всередині нього. Отже, те що ми робимо,

00:04:06.134 --> 00:04:11.063
ми кладемо крапку, і тоді пишемо ключову
властивість тобто "вік"

00:04:11.063 --> 00:04:14.897
У нас є вік. Ми називаємо це "крапковою
нотацію"

00:04:14.897 --> 00:04:18.297
що є тим, де ми пишемо ім'я змінної для 
об'єкта, а потім крапка,

00:04:18.297 --> 00:04:21.791
а потім ключову властивість. Гаразд, отже 
ми можемо

00:04:21.791 --> 00:04:25.384
продовжити і зробити більше зараз.
розкоментуємо це, а потім замість

00:04:25.384 --> 00:04:29.877
очей Вінстона, ми просто введемо:
Winston.eyes а тоді

00:04:29.877 --> 00:04:34.074
для цього, це буде Winston.likes

00:04:34.074 --> 00:04:37.741
і потім Winston.likes[1] і тоді

00:04:37.741 --> 00:04:42.501
для цієї останньої, це трохи складніше
тому, що

00:04:42.501 --> 00:04:45.451
це об'єкт всередині об'єкта. Отже, 
ми введемо

00:04:45.451 --> 00:04:48.784
Winston.birthplace,

00:04:48.784 --> 00:04:53.288
але якщо ми зробимо так, то це лише весь
об'єкт тому, ми повинні ввести крапка

00:04:53.288 --> 00:04:56.985
city. Добре. давайте зробимо це тут

00:04:56.985 --> 00:05:01.472
Winston.birthplace.state.

00:05:01.472 --> 00:05:05.211
Так що це дійсно класно так як ви можете 
просто досягти до об'єктів всередині

00:05:05.211 --> 00:05:09.416
які знаходяться в об'єктах. Гаразд

00:05:10.863 --> 00:05:13.919
Чудово. Отже, як ви можете бачити

00:05:13.919 --> 00:05:17.597
об'єкти є хорошим способом зберігати
багато пов'язаних частин

00:05:17.597 --> 00:05:21.406
інформації про об'єкт, і потім мати
мати можливість доступу до нього пізніше.

00:05:21.341 --> 00:05:24.631
І коли ви будете продовжувати, ви
з'ясуєте наскільки неймовірними є об'єкти!