1
00:00:00,410 --> 00:00:01,880
Va bene torneremo.

2
00:00:02,100 --> 00:00:07,110
Quindi in questo video discuteremo la nostra prima struttura dati principale che è

3
00:00:07,110 --> 00:00:08,200
qualcosa chiamata array.

4
00:00:09,060 --> 00:00:10,520
Quindi abbiamo alcuni obiettivi qui.

5
00:00:10,710 --> 00:00:15,340
Il primo è che vogliamo capire quali sono gli array e perché li usiamo.

6
00:00:15,810 --> 00:00:18,210
E poi in secondo luogo vogliamo usarli nel nostro codice.

7
00:00:18,540 --> 00:00:22,840
Quindi iniziamo parlando concettualmente di quale sia il punto di un array.

8
00:00:23,130 --> 00:00:25,930
Quindi supponiamo di voler modellare un gruppo di amici.

9
00:00:26,130 --> 00:00:32,380
Quindi ogni amico è una stringa con il loro nome come Charlie e Liz David e Mathias.

10
00:00:32,640 --> 00:00:35,130
Quindi potrei creare variabili per amici.

11
00:00:35,160 --> 00:00:41,100
Ognuno è una variabile separata e se volessi aggiungerne un altro avrei bisogno di salvare il nostro amico 5 è

12
00:00:41,340 --> 00:00:42,880
uguale ad un altro nome.

13
00:00:43,020 --> 00:00:47,700
E poi ho bisogno di sapere per il prossimo che devo fare forense e poi amico 7.

14
00:00:47,880 --> 00:00:50,340
E quindi questo è problematico per alcune ragioni.

15
00:00:50,340 --> 00:00:53,730
Uno è che questo codice non è quello che considereremmo secco.

16
00:00:53,730 --> 00:00:56,040
C'è un sacco di codice ripetuto qui.

17
00:00:56,040 --> 00:00:59,150
Anche questi amici non sono legati l'uno all'altro.

18
00:00:59,220 --> 00:01:00,490
Sono totalmente separati.

19
00:01:00,690 --> 00:01:02,640
Quindi non è davvero un gruppo di amici.

20
00:01:02,940 --> 00:01:08,730
Quindi questo è un caso d'uso perfetto per un array e un array consente ai suoi dati di gruppo in un elenco.

21
00:01:09,060 --> 00:01:15,930
Quindi, anziché avere quattro variabili separate, possiamo scrivere una variabile e al suo interno vengono

22
00:01:15,930 --> 00:01:17,840
memorizzati quattro nomi diversi.

23
00:01:17,880 --> 00:01:21,260
Quindi diamo un'occhiata più da vicino a come funzionano gli array.

24
00:01:21,420 --> 00:01:23,340
Ho lo stesso codice di esempio qui.

25
00:01:23,490 --> 00:01:26,940
Gli amici Var sono uguali e quindi parentesi quadre.

26
00:01:26,970 --> 00:01:30,080
Ecco cosa dice javascript questo è un array.

27
00:01:30,120 --> 00:01:35,760
Fino a questo punto qui abbiamo a che fare con una normale variabile javascript dove sul lato destro

28
00:01:35,880 --> 00:01:40,610
potremmo avere solo una stringa o un numero o booleano o non definito o no.

29
00:01:40,800 --> 00:01:42,850
Ma invece abbiamo una matrice.

30
00:01:43,260 --> 00:01:45,520
Quindi le parentesi quadre indicano una matrice.

31
00:01:45,540 --> 00:01:48,960
È possibile vedere la parentesi chiusa a staffa aperta.

32
00:01:49,140 --> 00:01:53,070
E dentro abbiamo la nostra lista di dati per dichiarare un array.

33
00:01:53,310 --> 00:01:55,230
È una lista separata da virgole.

34
00:01:55,320 --> 00:01:59,760
Quindi abbiamo i nostri valori come Charlie virgola Liz virgola David virgola.

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

36
00:02:00,780 --> 00:02:03,920
E questo si traduce in una serie di quattro elementi.

37
00:02:03,930 --> 00:02:09,390
La seconda informazione importante sugli array è che sono indicizzati come i caratteri di una

38
00:02:09,420 --> 00:02:15,750
stringa in cui vi è un numero specifico che corrisponde a ogni carattere che inizia da zero.

39
00:02:16,020 --> 00:02:18,660
Anche gli array sono indicizzati a partire da zero.

40
00:02:18,900 --> 00:02:22,270
Quindi ogni slot in questo array ha un numero corrispondente.

41
00:02:22,410 --> 00:02:28,140
Quando facciamo questo array qui con questi quattro nomi Ecco un diagramma che rappresenta come viene creato

42
00:02:28,140 --> 00:02:29,240
l'array in memoria.

43
00:02:29,310 --> 00:02:38,100
Quindi abbiamo Charlie memorizzato con il numero zero come indice è con un David con due Mathias con tre.

44
00:02:39,600 --> 00:02:44,520
Utilizziamo questi indici di array tutto il tempo per estrarre i dati dall'array.

45
00:02:44,550 --> 00:02:46,770
Quindi qui sto iniziando lo stesso array esatto.

46
00:02:46,970 --> 00:02:53,550
E se voglio far uscire Charlie dall'array ho bisogno di sapere l'indice che corrisponde a Charlee

47
00:02:53,550 --> 00:02:54,290
che è.

48
00:02:54,810 --> 00:02:56,820
E poi tutto ciò che faccio è scrivere amici.

49
00:02:57,030 --> 00:02:59,450
La parentesi del nome della variabile è 0.

50
00:02:59,580 --> 00:03:03,300
Proprio come vorremmo per lo spago se volessi di nuovo il primo personaggio.

51
00:03:03,340 --> 00:03:08,190
L'unica differenza è che non abbiamo a che fare con una stringa di caratteri che abbiamo a che fare

52
00:03:08,640 --> 00:03:09,940
con una serie di stringhe.

53
00:03:10,530 --> 00:03:13,930
Quindi l'amico 0 mi darà Chartley.

54
00:03:14,190 --> 00:03:22,500
Allo stesso modo se ho fatto amici uno che mi dà una vita più un cuore più amici due mi dà David e

55
00:03:22,500 --> 00:03:23,980
finiamo con Liz Hart.

56
00:03:24,060 --> 00:03:30,370
David possiamo anche usare gli indici per aggiornare i valori dell'array.

57
00:03:30,630 --> 00:03:37,320
Quindi se Charlie vuole cambiare il suo nome in chuck tutto quello che devo fare è

58
00:03:37,320 --> 00:03:43,300
trovare Charlie nell'array con l'indice zero amici zero e impostarlo su un'altra stringa Chuck.

59
00:03:43,320 --> 00:03:47,460
Quindi il nostro array appare come questo dove abbiamo Chuck all'indice 0.

60
00:03:47,460 --> 00:03:48,990
Stessa cosa con Liz.

61
00:03:49,020 --> 00:03:56,670
Lei cambia il suo nome in Lizzie, troviamo solo l'indice corretto per Liz, che è uno degli amici di uno uguale a Lizzie,

62
00:03:56,940 --> 00:03:59,370
come puoi vedere qui nel nostro array.

63
00:03:59,370 --> 00:04:05,090
Ora sembra Chuck a zero Lizzy a 1.

64
00:04:05,520 --> 00:04:10,280
La prossima caratteristica degli array è che possiamo anche aggiungere dati a un array esistente.

65
00:04:10,290 --> 00:04:15,150
Quindi se avessi un nuovo amico che sarebbe fantastico potrei davvero usare alcuni nuovi amici tutto

66
00:04:15,150 --> 00:04:20,430
ciò che devo fare è accedere agli amici e inserire qui un indice che non esiste ancora.

67
00:04:20,430 --> 00:04:29,490
Quindi, in questo caso, e se faccio amici per la famiglia di pari, otterrò un indizio qui sotto, perché non ho

68
00:04:29,490 --> 00:04:36,750
intenzione di mostrarvi una rapida dimostrazione nella truffa. Userò un array per modellare i colori per

69
00:04:36,750 --> 00:04:37,410
farlo.

70
00:04:37,440 --> 00:04:43,980
Definirò una serie di colori var uguali e inserirò solo

71
00:04:43,980 --> 00:04:53,030
alcuni colori come stringhe per avviare l'arancione e il giallo rossi e premerò Invio.

72
00:04:53,070 --> 00:04:55,480
Ora ho definito il mio array di colori.

73
00:04:55,670 --> 00:05:02,840
Se accedo ai colori ci sono tre elementi e se volessi stampare arancione, farei i colori

74
00:05:02,840 --> 00:05:12,840
per il pacchetto 1 perché ha un indice di 1 e ottengo l'arancione se volessi aggiungere un altro elemento dopo il giallo

75
00:05:12,960 --> 00:05:14,910
che volevo aggiungere in verde.

76
00:05:14,910 --> 00:05:17,880
Avrei bisogno di contare 0 1 2.

77
00:05:18,090 --> 00:05:20,410
Quindi l'indice di 3 è il prossimo.

78
00:05:20,460 --> 00:05:25,240
L'indice tre colori tre è verde.

79
00:05:25,540 --> 00:05:30,390
E ora se guardiamo i colori ottengo rosso arancione giallo verde.

80
00:05:30,420 --> 00:05:33,930
Supponiamo che volessi cambiare il verde in verde scuro.

81
00:05:34,530 --> 00:05:36,120
Ho bisogno di accedervi prima.

82
00:05:36,180 --> 00:05:37,640
Quindi i colori 3.

83
00:05:37,710 --> 00:05:40,270
Basta verificare che sia verde.

84
00:05:40,350 --> 00:05:47,490
Quindi ora cambierò i colori tre per diventare verde scuro e basta.

85
00:05:47,490 --> 00:05:57,300
Una breve nota se faccio qualcosa come i colori di 10 è uguale a Violet e premo invio.

86
00:05:57,740 --> 00:05:59,450
E diamo un'occhiata a come sono i colori.

87
00:05:59,450 --> 00:06:06,280
Ora puoi vedere che ottengo rosso arancione giallo verde scuro e poi mostra indefinito.

88
00:06:06,290 --> 00:06:08,060
Times 6.

89
00:06:08,070 --> 00:06:14,610
Quindi, quello che è successo qui è che ho aggiunto a Violet un indice di 10 e che ci lascia

90
00:06:14,790 --> 00:06:18,030
molto spazio tra l'indice di 3 e l'indice di 10.

91
00:06:18,060 --> 00:06:22,000
Quindi javascript crea spazi vuoti e ne riempie alcuni con un indefinito.

92
00:06:22,290 --> 00:06:25,680
Quindi c'è un mucchio di spazio vuoto in questo array che non è l'ideale.

93
00:06:25,680 --> 00:06:29,700
Quindi nel prossimo video ti mostrerò un altro modo di aggiungere dati in cui non dobbiamo tenere

94
00:06:29,700 --> 00:06:33,690
traccia di quanti elementi ci sono nel nostro array in un dato momento per concludere qui.

95
00:06:33,690 --> 00:06:36,030
Ho alcune altre note sugli array.

96
00:06:36,030 --> 00:06:40,130
Il primo dei quali è che ci sono diversi modi per definire gli array.

97
00:06:40,170 --> 00:06:44,460
Il primo modo è definire un array vuoto usando parentesi quadre.

98
00:06:44,760 --> 00:06:48,960
In questo caso ho definito l'array di un amico ma purtroppo non ho amici.

99
00:06:49,140 --> 00:06:51,200
Quindi sono solo parentesi quadre vuote.

100
00:06:51,360 --> 00:06:57,670
L'altro modo per definire un array che potresti incontrare è scrivere un nuovo array con la A maiuscola e

101
00:06:57,770 --> 00:06:59,560
le parentesi dopo di esso.

102
00:06:59,610 --> 00:07:05,130
Quindi non parlerò troppo di ciò che è, ma pensiamo a questo come a una funzione.

103
00:07:05,130 --> 00:07:06,020
È una funzione

104
00:07:06,070 --> 00:07:07,570
Lo chiamiamo con parentesi.

105
00:07:07,650 --> 00:07:10,520
Questo ci rende un nuovo array proprio come questo.

106
00:07:10,650 --> 00:07:12,840
Quindi questi sono equivalenti in entrambi i casi.

107
00:07:12,840 --> 00:07:15,760
Abbiamo un array di amici che è vuoto.

108
00:07:15,900 --> 00:07:19,370
Il prossimo punto è che gli array possono contenere qualsiasi tipo di dati.

109
00:07:19,560 --> 00:07:25,140
Quindi li hai visti finora solo con archi come Charlie e Liz, ma possiamo riempirli

110
00:07:25,380 --> 00:07:32,130
di numeri con i booleani, non indefiniti con stringhe con altri array che vedranno un po 'più tardi.

111
00:07:32,340 --> 00:07:34,340
Quindi possiamo riempire gli array con tutti i tipi di dati.

112
00:07:34,590 --> 00:07:36,820
E non tutti devono essere di un tipo.

113
00:07:36,840 --> 00:07:43,170
Quindi ecco un esempio con un numero di stringa booleana e non tutto in un array.

114
00:07:43,230 --> 00:07:48,640
L'ultima cosa che farò notare è che anche gli array hanno una proprietà di lunghezza come le stringhe.

115
00:07:48,960 --> 00:07:54,960
In questo esempio sto definendo una serie di quattro elementi e non eseguo nulla di sorprendente.

116
00:07:55,050 --> 00:07:56,430
Mi dà quattro.

117
00:07:56,850 --> 00:07:59,490
Andrò avanti e aprirò il mio Console e lo dimostrerò.

118
00:07:59,790 --> 00:08:04,400
Definiamo un nuovo array qui chiamato cani e cani.

119
00:08:04,500 --> 00:08:07,370
Definirò una stringa.

120
00:08:07,510 --> 00:08:16,460
Rusty Wyatt e Ali proprio così.

121
00:08:16,740 --> 00:08:24,040
E se eseguo Dogstar alla fine ne ottengo tre perché la lunghezza conta.

122
00:08:24,060 --> 00:08:25,480
Quante cose ci sono dentro

123
00:08:25,770 --> 00:08:31,140
Ma ricorda che l'indice più alto in questo array è sempre uno in meno rispetto alla lunghezza.

124
00:08:31,200 --> 00:08:37,630
Quindi tutto è un indice per la staffetta di cani 2 e ottieni tutto il.

125
00:08:37,710 --> 00:08:39,660
Quindi è importante proprio come le stringhe.

126
00:08:39,840 --> 00:08:46,230
Possiamo definire una stringa var name uguale a resti e denominiamo hotlink.

127
00:08:46,770 --> 00:08:54,000
Otteniamo 5 perché ci sono cinque caratteri ma l'indice di Y è l'indice per il nome di quattro.

128
00:08:54,180 --> 00:08:55,410
Mi dà perché

129
00:08:55,410 --> 00:08:58,700
Perché gli indici partono da zero.

130
00:08:58,710 --> 00:08:59,840
Va bene, è per una gara.

131
00:08:59,850 --> 00:09:02,780
Ora nel prossimo video avremo un rapido set di problemi.