1
00:00:00,410 --> 00:00:01,880
Dobrze wrócimy.

2
00:00:02,100 --> 00:00:08,200
Więc w tym filmie mamy zamiar omówić naszą pierwszą główną strukturę danych, która jest coś, co nazywa się tablicę.

3
00:00:09,060 --> 00:00:10,520
Tak więc mamy tu kilka celów.

4
00:00:10,710 --> 00:00:15,340
Pierwszy z nich to chcemy zrozumieć, co tablice są i dlaczego ich używamy.

5
00:00:15,810 --> 00:00:18,210
A potem drugie chcemy ich używać w naszym kodzie.

6
00:00:18,540 --> 00:00:22,840
Więc zacznijmy od tego, co mówi o koncepcyjnie punktem tablicy jest.

7
00:00:23,130 --> 00:00:25,930
Więc przypuszczam, że chciał wymodelować grupę przyjaciół.

8
00:00:26,130 --> 00:00:32,380
Więc każdy przyjaciel jest ciągiem z podaniem ich nazwy jak Charlie i Liz Dawida i Mathias.

9
00:00:32,640 --> 00:00:35,130
Więc mogę zrobić dla zmiennych przyjaciela.

10
00:00:35,160 --> 00:00:42,880
Każdy z nich jest odrębną zmienną i jeśli chciałem dodać jeszcze jeden bym potrzeba, aby zapisać naszego przyjaciela 5 jest równa innej nazwy.

11
00:00:43,020 --> 00:00:47,700
A potem muszę wiedzieć na następny muszę zrobić kryminalistyczna a następnie przyjaciela 7.

12
00:00:47,880 --> 00:00:50,340
A więc to jest problematyczne z kilku powodów.

13
00:00:50,340 --> 00:00:53,730
Jednym z nich jest, że ten kod nie jest to, co uważamy za suche.

14
00:00:53,730 --> 00:00:56,040
Jest wiele powtarzających się kod tutaj.

15
00:00:56,040 --> 00:00:59,150
Również te przyjaciele nie są ze sobą powiązane.

16
00:00:59,220 --> 00:01:00,490
Są całkowicie oddzielne.

17
00:01:00,690 --> 00:01:02,640
Tak naprawdę nie jest to grupa przyjaciół.

18
00:01:02,940 --> 00:01:08,730
Jest to więc idealny przypadek użycia dla tablicy tablica umożliwia jego dane grupy w formie listy.

19
00:01:09,060 --> 00:01:17,840
Więc zamiast czterech oddzielnych zmiennych możemy napisać jedną zmienną i wewnątrz niej przechowujemy cztery różne nazwiska.

20
00:01:17,880 --> 00:01:21,260
Warto więc przyjrzeć się bliżej w jaki sposób działają tablice.

21
00:01:21,420 --> 00:01:23,340
Mam ten sam przykładowy kod tutaj.

22
00:01:23,490 --> 00:01:26,940
Var znajomych równa, a następnie w nawiasach kwadratowych.

23
00:01:26,970 --> 00:01:30,080
Więc to, co mówi JavaScript jest tablicą.

24
00:01:30,120 --> 00:01:40,610
Do tego momentu tutaj mamy do czynienia z zwykłym zmiennej javascript, gdzie po prawej stronie możemy po prostu ciąg znaków lub liczbę lub wartość logiczną lub nieokreślone lub nie.

25
00:01:40,800 --> 00:01:42,850
Ale zamiast tego mamy tablicę.

26
00:01:43,260 --> 00:01:45,520
Więc nawiasy kwadratowe oznaczają tablicę.

27
00:01:45,540 --> 00:01:48,960
Widać otwarty zamknięty wspornik wspornik.

28
00:01:49,140 --> 00:01:53,070
A w środku mamy listę danych zadeklarować tablicę.

29
00:01:53,310 --> 00:01:55,230
Jest to lista oddzielonych przecinkami.

30
00:01:55,320 --> 00:01:59,760
Mamy więc nasze wartości, takich jak Charlie przecinek Liz przecinkami David przecinkiem.

31
00:01:59,790 --> 00:02:00,780
MATHIAS.

32
00:02:00,780 --> 00:02:03,920
A to powoduje szereg czterech elementów.

33
00:02:03,930 --> 00:02:15,750
Druga ważna informacja o macierzy jest to, że są one indeksowane tak jak w ciąg znaków, gdzie znajduje się określona liczba, która odpowiada każdej postaci, począwszy od zera.

34
00:02:16,020 --> 00:02:18,660
Tablice są indeksowane od zera.

35
00:02:18,900 --> 00:02:22,270
Więc każde gniazdo w tej tablicy ma odpowiedni numer.

36
00:02:22,410 --> 00:02:29,240
Po wprowadzeniu tej tablicy tu z tych czterech nazwisk Oto schemat przedstawiający w jaki tablica jest tworzony w pamięci.

37
00:02:29,310 --> 00:02:39,340
Mamy więc Charlie przechowywane z numerem zerowym jako indeks jest jednym z dwóch Mathias Dawida z trzech.

38
00:02:39,600 --> 00:02:44,520
Mamy wykorzystać te indeksy tablicy cały czas, aby uzyskać dane z tablicy.

39
00:02:44,550 --> 00:02:46,770
Więc tutaj jestem inicjowanie dokładnie taki sam układ.

40
00:02:46,970 --> 00:02:54,290
A jeśli chcę uzyskać Charliego z tablicy muszę wiedzieć indeks odpowiadający Charlee co jest.

41
00:02:54,810 --> 00:02:56,820
A potem wszystko, co zrobić, to napisać przyjaciół.

42
00:02:57,030 --> 00:02:59,450
Zmienna Wspornik nazwa jest 0.

43
00:02:59,580 --> 00:03:03,300
Tak jak byśmy w ciąg, czy chcę znowu pierwszy znak.

44
00:03:03,340 --> 00:03:09,940
Jedyną różnicą jest to, że nie mamy do czynienia z ciągiem znaków mamy do czynienia z tablicą ciągów.

45
00:03:10,530 --> 00:03:13,930
Więc przyjaciela 0 zamierza dać mi Chartley.

46
00:03:14,190 --> 00:03:23,980
Podobnie, jeśli zrobiłem przyjaciół, kto daje mi serce żyje plus dwa daje plusa znajomych mi Dawid i skończymy z Liz Hart.

47
00:03:24,060 --> 00:03:30,370
David możemy również wykorzystać do aktualizacji wartości indeksów tablicy.

48
00:03:30,630 --> 00:03:43,300
Więc jeśli Charlie chce zmienić swoje nazwisko na Chuck wszystko, co mam zrobić, to znaleźć Charliego w tablicy o indeksie zero friends zera i ustawić go na inny ciąg równa Chuck.

49
00:03:43,320 --> 00:03:47,460
Tak więc nasza matryca wygląda tak gdzie mamy Chucka o indeksie 0.

50
00:03:47,460 --> 00:03:48,990
To samo z Liz.

51
00:03:49,020 --> 00:03:59,370
Ona zmienia jej nazwę na Lizzie po prostu znaleźć odpowiedni indeks dla Liz, która jest jedną przyjaciół jeden równa Lizzie jak widać tutaj, w naszej tablicy.

52
00:03:59,370 --> 00:04:05,090
Teraz wygląda na to, Chuck przy zerowej Lizzy na 1.

53
00:04:05,520 --> 00:04:10,280
Kolejnym elementem macierzy jest to, że możemy również dodać dane do istniejącej tablicy.

54
00:04:10,290 --> 00:04:20,430
Więc jeśli mam nowego przyjaciela, który byłby naprawdę niesamowite mogę korzystać z niektórych nowych przyjaciół wszystko, co musisz zrobić, to dostęp do przyjaciół i umieścić indeksu tutaj, że jeszcze nie istnieje.

55
00:04:20,430 --> 00:04:37,410
Więc w tym przypadku dla niego i jeśli mam przyjaciół na równe rodzinę będę się tu przewagę indeksu bo nie zamierzam pokazać, szybki demonstracji w con. Mam zamiar używać tablicy model kolorów, aby to zrobić.

56
00:04:37,440 --> 00:04:53,030
Idę do zdefiniowania tablica var kolorach równa i mam zamiar umieścić tylko kilka kolorów nie jako ciągi znaków, aby rozpocząć czerwony pomarańczowy i żółty, a ja wciśnij enter.

57
00:04:53,070 --> 00:04:55,480
Mam teraz moje kolory tablicy zdefiniowane.

58
00:04:55,670 --> 00:05:14,910
Jeśli mam dostępu kolory ma trzy elementy w nim i jeśli chciałem wydrukować pomarańczowo zrobiłbym kolorów dla pakietu 1, ponieważ ma indeks 1 a ja się na pomarańczowo, jeśli chciałem dodać w innym elemencie po żółtym chciałem dodać na zielono.

59
00:05:14,910 --> 00:05:17,880
Musiałbym policzyć 0 1 2.

60
00:05:18,090 --> 00:05:20,410
Więc indeks 3 jest następny.

61
00:05:20,460 --> 00:05:25,240
Indeks trzy kolory trzy równa zielono.

62
00:05:25,540 --> 00:05:30,390
A teraz, jeśli spojrzeć na kolory mam czerwony pomarańczowy żółty zielony.

63
00:05:30,420 --> 00:05:33,930
Załóżmy, że chcę zmienić zielona być ciemnozielone.

64
00:05:34,530 --> 00:05:36,120
Muszę do niego dostęp w pierwszej kolejności.

65
00:05:36,180 --> 00:05:37,640
Więc 3 kolorach.

66
00:05:37,710 --> 00:05:40,270
Wystarczy sprawdzić, że jest zielony.

67
00:05:40,350 --> 00:05:47,490
Więc będę teraz zmieniać kolory trzy być ciemnozielone i to wszystko.

68
00:05:47,490 --> 00:05:57,300
Jedna szybka uwaga jeśli zrobię coś w barwach 10 jest równa Violet i nacisnąć enter.

69
00:05:57,740 --> 00:05:59,450
I rzućmy okiem na jakie kolory wygląda.

70
00:05:59,450 --> 00:06:06,280
Teraz widać, że dostanę czerwony pomarańczowy żółty ciemnozielone, a następnie pokazuje niezdefiniowany.

71
00:06:06,290 --> 00:06:08,060
6 razy.

72
00:06:08,070 --> 00:06:18,030
Więc co się stało jest to, że dodałem Violet indeks 10 i który pozostawia nas z dużą ilością pustej przestrzeni między indeksem 3 i indeks 10.

73
00:06:18,060 --> 00:06:22,000
Więc javascript sprawia tam puste przestrzenie i wypełnia niektóre z niezdefiniowany.

74
00:06:22,290 --> 00:06:25,680
Więc jest to pusta przestrzeń w tej tablicy, która nie jest idealna.

75
00:06:25,680 --> 00:06:33,690
Tak więc w następnym filmie mam zamiar pokazać wam innego sposobu dodawania danych, gdzie nie mamy śledzić ilu rzeczy są w naszej tablicy w danym momencie, by zakończyć tutaj.

76
00:06:33,690 --> 00:06:36,030
Mam kilka innych uwag o tablicach.

77
00:06:36,030 --> 00:06:40,130
Pierwszym z nich jest, że istnieją różne sposoby definiowania tablic.

78
00:06:40,170 --> 00:06:44,460
Pierwszym sposobem jest określenie pustą tablicę używając nawiasów kwadratowych.

79
00:06:44,760 --> 00:06:48,960
W tym przypadku określona tablicy znajomego, ale nie mam żadnych znajomych niestety.

80
00:06:49,140 --> 00:06:51,200
Więc to tylko puste nawiasy kwadratowe.

81
00:06:51,360 --> 00:06:59,560
Innym sposobem, aby zdefiniować tablicę, że można natknąć się napisać nową tablicę z kapitałem i nawiasie po nim.

82
00:06:59,610 --> 00:07:05,130
Więc nie będę wchodzić w szczegóły za dużo, co to jest, ale myślę o tym jako funkcję.

83
00:07:05,130 --> 00:07:06,020
Jest to funkcja.

84
00:07:06,070 --> 00:07:07,570
Nazywamy ją nawiasach.

85
00:07:07,650 --> 00:07:10,520
To sprawia, że ​​jesteśmy nową tablicę, tak jak to się robi.

86
00:07:10,650 --> 00:07:12,840
To są równoważne w obu przypadkach.

87
00:07:12,840 --> 00:07:15,760
Mamy tablicę znajomego, który jest pusty.

88
00:07:15,900 --> 00:07:19,370
Kolejnym punktem jest to, że tablice mogą posiadać dowolny typ danych.

89
00:07:19,560 --> 00:07:32,130
Więc widziałem je tylko do tej pory ze strunami jak Charlie i Liz, ale możemy wypełnić je z numerami z logicznych z no niezdefiniowany ze strunami z innymi tablicami, które będzie widać trochę później.

90
00:07:32,340 --> 00:07:34,340
Więc możemy wypełnić tablice z wszelkiego rodzaju danych.

91
00:07:34,590 --> 00:07:36,820
I nie wszyscy muszą być jednego rodzaju.

92
00:07:36,840 --> 00:07:43,170
Tak oto przykład z liczbą logicznego łańcucha i ma wszystko w jednym szeregu.

93
00:07:43,230 --> 00:07:48,640
Ostatnią rzeczą, będę zwrócić uwagę jest to, że tablice mają również właściwość length podobnie jak struny.

94
00:07:48,960 --> 00:07:54,960
W tym przykładzie mam definiując tablicę czterech pozycji i biegnę nic zaskakującego.

95
00:07:55,050 --> 00:07:56,430
To daje mi cztery.

96
00:07:56,850 --> 00:07:59,490
Pójdę do przodu i otworzyć moje konsulem i wykazać, że.

97
00:07:59,790 --> 00:08:04,400
Zdefiniujmy nową tablicę o nazwie psów i kotów.

98
00:08:04,500 --> 00:08:07,370
Idę do zdefiniowania ciąg.

99
00:08:07,510 --> 00:08:16,460
Rusty Wyatt i Ali tak po prostu.

100
00:08:16,740 --> 00:08:24,040
A jeśli biegnę Dogstar wreszcie mam trzy, ponieważ długość tylko liczy.

101
00:08:24,060 --> 00:08:25,480
Ile rzeczy są tam.

102
00:08:25,770 --> 00:08:31,140
Należy jednak pamiętać, że najwyższy indeks w tej tablicy jest zawsze o jeden mniejsza niż długość.

103
00:08:31,200 --> 00:08:37,630
Więc wszystko jest indeksem psom wspornika 2 i masz wszystko.

104
00:08:37,710 --> 00:08:39,660
Tak, że ważne jest, podobnie jak struny.

105
00:08:39,840 --> 00:08:46,230
Możemy zdefiniować ciąg nazwa zmiennej równa Resti i robimy nazwie + miniaturka.

106
00:08:46,770 --> 00:08:54,000
Otrzymujemy 5 ponieważ jest pięć znaków, ale indeks jest indeksem Y nazwy czterech.

107
00:08:54,180 --> 00:08:55,410
Daje mi dlaczego.

108
00:08:55,410 --> 00:08:58,700
Ponieważ indeksy zaczynają się od zera.

109
00:08:58,710 --> 00:08:59,840
Dobrze więc, że jest to dla rasy.

110
00:08:59,850 --> 00:09:02,780
Teraz w następnym filmie będziemy mieć szybki zestaw problemów.