1
00:00:00,780 --> 00:00:01,860
Witamy spowrotem.

2
00:00:01,860 --> 00:00:09,250
Tak więc w ciągu ostatnich kilku filmach rozmawialiśmy o tablicami javascript będących pierwsza struktura danych, rozmawialiśmy na temat w ciągu najbliższych kilku filmów.

3
00:00:09,270 --> 00:00:12,660
Mamy zamiar wprowadzić strukturę danych nother nazwie obiektu.

4
00:00:13,140 --> 00:00:16,070
Mamy więc dwa główne cele, tak jak zrobiliśmy to z tablic.

5
00:00:16,080 --> 00:00:20,070
Najpierw chcą zrozumieć, jakie obiekty są, dlaczego ich używamy.

6
00:00:20,100 --> 00:00:21,900
Jak można to porównać do tablicy.

7
00:00:21,900 --> 00:00:26,350
A potem drugi cel to jak możemy napisać kod za pomocą obiektów JavaScript.

8
00:00:26,790 --> 00:00:29,370
Idziemy do przodu i zacząć.

9
00:00:29,400 --> 00:00:31,470
Więc oto hipotetyczną sytuację.

10
00:00:31,470 --> 00:00:35,730
Załóżmy, że chcę, aby modelować jedną osobę w JavaScript-tych.

11
00:00:35,760 --> 00:00:38,850
Każda osoba ma swoje imię i wiek oraz miasto.

12
00:00:38,850 --> 00:00:46,580
Tak więc istnieje wiele sposobów, co mogłem zrobić, że mogę mieć trzy różne zmienne Nazwa Wiek i miasto ale oni nie związane ze sobą.

13
00:00:46,590 --> 00:00:47,780
Są całkowicie oddzielne.

14
00:00:47,970 --> 00:00:57,510
Więc gdybym chciał je połączyć mogę używać tablicy jak tu robię var osoba jest równa macierzy, gdzie pierwsza pozycja to nazwa Cindy.

15
00:00:57,600 --> 00:01:03,780
Drugi element jest wiek 32 i ostatni element jest Missoula lub miasto.

16
00:01:03,780 --> 00:01:08,510
To naprawdę nie jest wielka użycie tablicy, bo te dane nie jest to lista.

17
00:01:08,760 --> 00:01:16,440
Tak możemy zmusić go do tablicy, ale nie nadaje się do formatu tablicy gdzie mamy list, które często mają logiczny porządek.

18
00:01:16,530 --> 00:01:20,770
Tak naprawdę nie ma logicznej kolejności, żeby wejść do miasta z tej tablicy.

19
00:01:21,000 --> 00:01:23,970
Musiałbym napisać wspornik osoby też.

20
00:01:24,270 --> 00:01:28,360
A to wymaga ode mnie wie, że miasto znajduje się w indeksie też.

21
00:01:28,500 --> 00:01:36,530
Więc jeśli przypadkowo odwrócić kolejność i miałem Traviss nazwa indeksu góry 0, ale potem zmieszać te dwa w górę.

22
00:01:36,540 --> 00:01:41,300
Miałem więc o indeksie 1 Miasto wiek w indeksie 2.

23
00:01:41,520 --> 00:01:48,060
Więc gdybym próbował uzyskać dostęp osoby do wspornika 2 dostanę wiek zamiast miasta.

24
00:01:48,060 --> 00:01:53,370
Więc to wszystko jest po prostu pokazać, że tablica nie jest to idealne rozwiązanie dla każdej sytuacji.

25
00:01:53,370 --> 00:01:58,040
Jest dużo lepsza struktura danych dla nas do wykorzystania tutaj, które jest przedmiotem JavaScript.

26
00:01:58,110 --> 00:02:05,630
Można zobaczyć przykład tu, w jaki sposób będziemy mieć tablicę osoba z wiekiem i nazwa miasta i przekształcić go w javascript obiektu.

27
00:02:05,790 --> 00:02:10,820
Pierwszą rzeczą, którą należy zauważyć, że mamy nawiasów klamrowych zamiast nawiasów kwadratowych do tablicy.

28
00:02:10,890 --> 00:02:15,470
Kolejnym ważnym elementem jest to, że każdy element w tym obiekcie jest para kluczową wartością.

29
00:02:15,750 --> 00:02:21,050
Mamy więc właściwością Colan nazwa wartość.

30
00:02:21,180 --> 00:02:25,500
Wiek to 32 miasto Missoula.

31
00:02:25,500 --> 00:02:27,360
Ten slajd pokazuje dokładnie to samo.

32
00:02:27,450 --> 00:02:43,020
Mamy inną osobą obiektu var osoba równa nawiasy klamrowe i wewnątrz tej nazwie mamy zachodzącego być Travis wiek być 21 w-mieście będzie L.A. tu mamy prosty schemat co to struktura danych wygląda.

33
00:02:43,020 --> 00:02:53,690
Mamy trzy różne szczeliny w tym obiekcie i to jest bardzo ważne, aby pamiętać, że obiekty nie mają żadnych wbudowanych w celu przeciwieństwie do tablicy, gdzie znajduje się pierwszy element i drugi element, a trzecia pozycja.

34
00:02:53,700 --> 00:02:59,040
Pomyśl o rzeczy zamiast danego obiektu jako po prostu unosi się wewnątrz jeśli nie jest rozkaz.

35
00:02:59,040 --> 00:03:05,600
No Właściciel jest na pierwszym lub drugim, nie ma znaczenia, jak oświadczyłem im w jakiej kolejności są one wszystkie traktowane tak samo.

36
00:03:05,610 --> 00:03:10,180
Więc ten schemat przedstawia je w kolejności, ale to tylko dlatego, że miał odebrać zamówienie.

37
00:03:10,680 --> 00:03:14,620
Więc widać, Travis jest przechowywany pod nazwę klucza.

38
00:03:14,850 --> 00:03:17,220
21 są zapisywane w kluczu życia.

39
00:03:17,370 --> 00:03:23,190
L. A. i jest przechowywany w kluczu miasta do pobierania danych z obiektu.

40
00:03:23,190 --> 00:03:24,970
Mamy dwie możliwości.

41
00:03:25,200 --> 00:03:31,800
Możemy użyć nazwy obiektu osoba nawiasach kwadratowych i następnie nazwę klucza.

42
00:03:32,130 --> 00:03:35,820
Więc w tym przypadku Dostaję Travisa z obiektu osoby.

43
00:03:35,820 --> 00:03:39,610
Tak więc odpowiednią osobą nawiasach kwadratowych nazwę w cudzysłów.

44
00:03:39,630 --> 00:03:41,620
Więc to jest bardzo podobne do tablic.

45
00:03:41,670 --> 00:03:43,920
Jedyną różnicą jest to, że nie jest to liczba.

46
00:03:43,950 --> 00:03:45,890
To jest łańcuch.

47
00:03:45,930 --> 00:03:51,140
Inną opcją jest użycie notacji zapis dot jest trochę krótsza i prostsza.

48
00:03:51,150 --> 00:03:59,610
Prawo nazwisko osoby kropki i nazwa musi pasować oczywiście nazwę klucza, a także dają nam Travisa.

49
00:03:59,880 --> 00:04:02,320
Mam zamiar iść do przodu i wykazać, że w kon ..

50
00:04:02,340 --> 00:04:10,640
Mam zamiar zrobić nowy obiekt o nazwie psa i mój pies będzie miał nazwę właściwości, jak zawsze.

51
00:04:10,740 --> 00:04:14,390
Rusty On jest najlepszy pies i pół rasy.

52
00:04:14,760 --> 00:04:22,140
To kundel Lassally wieku i jest on trzy.

53
00:04:22,590 --> 00:04:24,720
Tak, że daje mi obiektów psa.

54
00:04:24,840 --> 00:04:28,350
A jeśli spojrzymy na to w konsoli widać to mówi mi, że jest to obiekt.

55
00:04:28,350 --> 00:04:32,180
Twoje nazwisko jest Resti rasy jako błota wieku 3.

56
00:04:32,190 --> 00:04:47,970
Więc jeśli chcesz uzyskać dostęp do jego wieku z przedmiotu pies może zrobić pierwszy nienaruszony psa, a następnie w cudzysłowie wieku dostają trzy lub mogę zrobić wiek psa kropka i ja również uzyskać trzy.

57
00:04:48,120 --> 00:04:50,190
To do Ciebie należy użyć jednego.

58
00:04:50,190 --> 00:04:53,100
Wolę używać wiek psa psa, bo to krótsze.

59
00:04:53,100 --> 00:04:54,380
Nie trzeba używać cytatów.

60
00:04:54,390 --> 00:04:56,570
Nie trzeba podwójne uchwyty po obu stronach.

61
00:04:56,700 --> 00:04:57,880
Wystarczy go.

62
00:04:58,350 --> 00:05:01,100
Ale istnieje kilka różnic na tym slajdzie.

63
00:05:01,110 --> 00:05:03,750
I pokazują, trzy z głównych różnic.

64
00:05:04,140 --> 00:05:08,850
Nie można więc używać notacji dot jeżeli nieruchomość zaczyna się od cyfry.

65
00:05:08,850 --> 00:05:14,580
Więc widać, że tu jakiś przedmiot w DOT jednej bla jest nieprawidłowy.

66
00:05:15,090 --> 00:05:23,040
Ale gdybym miał właściwość o nazwie One bla musiałbym użyć nawiasów kwadratowych i umieścić go w cudzysłowach i to jest po prostu tak, że jest on ustawiony w javascript.

67
00:05:23,040 --> 00:05:31,450
Mam zamiar skoczyć na trzeci przykład tutaj który jest, że nie można użyć notacji dot jeśli nazwa obiekt ma miejsca w nim jak fav kolor.

68
00:05:31,500 --> 00:05:33,240
Oczywiście to nie działa.

69
00:05:33,240 --> 00:05:42,600
Javascript uważa, że ​​mamy dostęp dot fav Więc jeśli chcemy nieruchomość na przestrzeni, która nie jest to dobra praktyka i tak, ale jeśli my musielibyśmy używać cytatów.

70
00:05:42,620 --> 00:05:43,130
Fav.

71
00:05:43,170 --> 00:05:46,150
Przestrzeń kolorów za pomocą notacji nawiasu kwadratowego.

72
00:05:46,890 --> 00:05:51,370
A potem środkowy przykład pokazuje, że można patrzeć rzeczy za pomocą zmiennej.

73
00:05:51,420 --> 00:05:53,160
Jeśli użyjesz notacji nawiasu.

74
00:05:53,370 --> 00:06:14,970
Więc jeśli mam zmienną tutaj nazywa łańcuch lub jako TR I jest równa nazwę w cudzysłowach, jeśli staram się zrobić jakiś obiekt jako TR Będzie to wystarczy spojrzeć na nieruchomości jako TR Ale jeśli to zrobię jakiś przedmiot kwadratowy uchwyt w TR To będzie ocenić jako TR co daje nam nazwę w cudzysłów.

75
00:06:14,970 --> 00:06:19,560
Więc będzie to wtedy spojrzeć na właściwości name w jakiś przedmiot.

76
00:06:19,560 --> 00:06:22,290
Więc to jest coś, co rzeczywiście będzie zobaczyć od czasu do czasu.

77
00:06:22,320 --> 00:06:24,040
Dlatego warto wiedzieć, różnicę tutaj.

78
00:06:24,060 --> 00:06:29,700
Można używać notacji nawiasu kwadratowego przy użyciu nazwy zmiennej zajrzeć do nieruchomości.

79
00:06:29,820 --> 00:06:34,140
Następną rzeczą, że chcemy zrobić, to mieć możliwość aktualizacji danych wewnątrz obiektu.

80
00:06:34,410 --> 00:06:40,190
Więc to jest bardzo podobne do tablic, gdzie mamy dostęp do danych, a następnie przypisać ją znaku równości.

81
00:06:40,470 --> 00:06:51,230
Więc tutaj można zobaczyć, mamy tę samą osobę nazwę obiektu jako Travis wiek to 21 miasto L. A. Jeśli chcę dodać jedną z Traviss wieku to jego urodzin.

82
00:06:51,450 --> 00:06:54,160
Wszystko, co musisz zrobić, to dostęp osób w wieku.

83
00:06:54,570 --> 00:06:58,430
Mogę użyć nawiasów kwadratowych lub notacji dot a następnie ponowne przypisanie.

84
00:06:58,560 --> 00:07:01,170
Tak więc osoba, wiek oraz równa 1.

85
00:07:01,710 --> 00:07:09,500
Tak, że doda jedną osobę w tym wieku jest teraz 22 czy mogę używać osoby dot miasta i przypisać, że aby być w Londynie.

86
00:07:09,660 --> 00:07:15,490
Więc osoba równa się miasto Londyn będzie teraz ustawić osoby do City of London.

87
00:07:15,510 --> 00:07:16,990
Więc po prostu wykazać, że.

88
00:07:17,280 --> 00:07:22,200
Wróćmy do naszego obiektu psa, który ma nazwę jak Rusty hodowców mutt.

89
00:07:22,230 --> 00:07:23,850
Wiek jest trzy.

90
00:07:23,880 --> 00:07:28,050
Rusty prostu miał urodziny, więc mam zamiar zmienić swój wiek psa.

91
00:07:28,080 --> 00:07:36,260
Wiek równa i mogę to zrobić albo równa się cztery, które jest po prostu będzie sprawiają, że bez względu na to cztery i mogę patrzeć na psa.

92
00:07:36,930 --> 00:07:39,070
Albo mogę zrobić psa.

93
00:07:39,150 --> 00:07:45,940
Wiek Plus wynosi jeden, który będzie po prostu dodać jeden do istniejącego życia, a to daje nam pięć.

94
00:07:45,990 --> 00:07:49,180
Ja też wykazać, że robi się z kwadratowej notacji wspornika.

95
00:07:49,230 --> 00:07:53,110
Załóżmy, że chcę zmienić nazwę Rusty, by być jego Tater nick.

96
00:07:53,450 --> 00:08:02,730
Chciałbym napisać imię psa kwadratowego nawiasu i że po prostu daje mi Resti a następnie przypisać ją będę się Tator.

97
00:08:03,120 --> 00:08:10,200
A jeśli spojrzeć na psa teraz nazwali Tator uwolnione w wieku 5 lat.

98
00:08:10,320 --> 00:08:19,540
Istnieje kilka różnych sposobów inicjalizacji obiektów jak widzieliśmy z wyścigu, dzięki czemu możemy odbyć pusty obiekt pierwsze to, że mamy tutaj.

99
00:08:19,740 --> 00:08:24,560
Var osoba równa pustych nawiasów klamrowych i wtedy możemy dodać dane po fakcie.

100
00:08:24,600 --> 00:08:26,240
Jednego kawałka w czasie.

101
00:08:26,360 --> 00:08:37,040
Nazwa osoba jest Travis osoba, która w wieku 21 osoby, które miasto jest L.A. możemy zrobić to wszystko na raz, jest to, co widzieliśmy do tej pory nazywany jest obiektem dosłowna notacja.

102
00:08:37,140 --> 00:08:51,260
Do tej pory człowiek jest równy, a następnie wewnątrz nawiasy, wystarczy napisać moją własnością nazwisko Travis połączenia wiek i 21 miasto Colan L. A. i ostatni sposób, który nie będzie widać bardzo często dopiero znacznie później w javascript.

103
00:08:51,330 --> 00:08:59,740
Powiedział, że mogę korzystać z nowego obiektu, która jest funkcją niczym nowej tablicy, która pozwoli nam nowy obiekt i odesłać go do nas jako pusty obiekt.

104
00:08:59,880 --> 00:09:03,570
I wtedy można dodać nazwę osoba nie wiek osoby osobiście miasta.

105
00:09:03,810 --> 00:09:08,940
Więc na pewno będziesz widzieć tej składni i składni znacznie częściej teraz.

106
00:09:08,940 --> 00:09:14,330
Kolejnym punktem Chciałbym, aby o obiektach jest to, że podobnie jak tablice mogą posiadać jakichkolwiek danych.

107
00:09:14,610 --> 00:09:21,410
Tak więc nasze dane mogą być liczbami lub struny lub wartości logiczne tablicę jeszcze innego obiektu, jak można zobaczyć tutaj.

108
00:09:21,630 --> 00:09:24,460
Podobnie jak w macierzy możemy łączyć ze sobą tyle, ile chcielibyśmy.