1
00:00:00,320 --> 00:00:05,640
In questo video andremo a conoscere alcuni dei metodi Array incorporati che ogni singolo array

2
00:00:05,880 --> 00:00:09,600
include e che renderanno gli array ancora più utili per noi.

3
00:00:09,660 --> 00:00:12,020
Ci sono sei metodi che copriremo qui.

4
00:00:12,390 --> 00:00:18,090
Due di loro sono accoppiati insieme, quindi push e pop sono una coppia e poi shift e upshift sono anche una coppia.

5
00:00:18,600 --> 00:00:21,900
E poi parleremo di index e slice.

6
00:00:21,930 --> 00:00:28,440
Quindi, prima di immergermi nel fatto che voglio mostrarti una rete di sviluppatori Mozilla vuota

7
00:00:28,440 --> 00:00:33,910
sulla pagina per Auray sulla sinistra, puoi vedere una sezione dei metodi.

8
00:00:34,110 --> 00:00:37,590
E questi sono tutti i metodi integrati con cui ogni array viene fornito.

9
00:00:37,590 --> 00:00:41,420
Ne copriremo solo sei ma sono i sei più importanti.

10
00:00:41,580 --> 00:00:45,990
Ce ne sono alcune che probabilmente non avrai mai bisogno di usare anche se ce ne saranno

11
00:00:45,990 --> 00:00:47,650
alcune che copriremo nei prossimi video.

12
00:00:48,060 --> 00:00:50,250
Quindi volevo solo dimostrare che li puoi vedere tutti qui.

13
00:00:50,280 --> 00:00:55,200
E poi se volessi conoscere una sezione come questa potresti aprirla.

14
00:00:55,440 --> 00:01:01,370
C'è una grande spiegazione e ci sono anche esempi in fondo alla pagina.

15
00:01:01,470 --> 00:01:06,570
Quindi torniamo alle nostre diapositive e iniziamo parlando di push e pop.

16
00:01:06,570 --> 00:01:15,690
diamo tre colori, rosso, arancione e giallo, e se voglio aggiungere un quarto colore verde, devo prima capire quale indice aggiungere.

17
00:01:15,900 --> 00:01:22,950
Quindi quello che abbiamo visto l'ultima volta è stato che se creiamo un array come i colori

18
00:01:22,950 --> 00:01:23,760
e gli

19
00:01:23,760 --> 00:01:27,240
Quindi conterei 0 1 2.

20
00:01:27,540 --> 00:01:30,920
Quindi vorrei sapere che il prossimo indice sarebbe 3.

21
00:01:31,350 --> 00:01:35,210
Quindi potrei scrivere tre colori verdi uguali.

22
00:01:36,060 --> 00:01:40,440
E questo non è eccezionale perché devo continuare a contare o devo tenere traccia di quel numero.

23
00:01:40,470 --> 00:01:44,910
Quindi, se voglio aggiungere blu, ora devo capire quanti oggetti ci sono nell'array.

24
00:01:45,240 --> 00:01:46,500
Quindi ce ne sono quattro.

25
00:01:46,500 --> 00:01:52,920
Quindi so che ho bisogno di fare colori di quattro uguali blu.

26
00:01:53,960 --> 00:01:57,510
C'è un metodo integrato che rende questo molto più semplice.

27
00:01:57,510 --> 00:02:01,830
Questo è qualcosa che facciamo molto che è spinto in un array.

28
00:02:02,010 --> 00:02:06,980
Quindi push si riferisce all'aggiunta di qualcosa alla fine di un array.

29
00:02:07,110 --> 00:02:13,650
In questo esempio puoi vedere che abbiamo anche il raggio di un colore e che ci spingiamo dentro per aggiungere

30
00:02:13,650 --> 00:02:16,550
il verde alla fine scriviamo i colori dot push.

31
00:02:16,710 --> 00:02:19,920
E poi tra parentesi passiamo in verde.

32
00:02:19,980 --> 00:02:21,460
Quindi proverò qui.

33
00:02:21,670 --> 00:02:25,300
Stub push e ho intenzione di aggiungere in indigo fino alla fine.

34
00:02:25,590 --> 00:02:30,870
E proprio come le funzioni che abbiamo scritto noi stessi, dobbiamo mettere parentesi per chiamare effettivamente push.

35
00:02:31,350 --> 00:02:35,900
E poi passiamo all'indaco come argomento.

36
00:02:36,930 --> 00:02:44,490
E se premo Invio IMMEDIATO e guardo i colori vedrai che Indigo è stato aggiunto alla fine e non ho nemmeno

37
00:02:44,490 --> 00:02:50,050
bisogno di specificare quale indice aggiungerlo per push sa sempre dove si trova la fine dell'array.

38
00:02:50,100 --> 00:02:53,330
E aggiunge tutto ciò che passiamo fino alla fine.

39
00:02:53,370 --> 00:02:59,050
Push restituisce anche la lunghezza della matrice dopo che il nuovo elemento è stato aggiunto.

40
00:02:59,400 --> 00:03:05,010
Quindi puoi vedere questo ritorna 6 e abbiamo 1 2 3 4 5 6 articoli.

41
00:03:05,610 --> 00:03:12,920
Quindi spingo ancora una volta i colori push e farò Violet e vedrai che restituisce 7.

42
00:03:13,380 --> 00:03:18,480
Quindi possiamo usarlo occasionalmente se vogliamo salvare quel valore in una variabile.

43
00:03:18,480 --> 00:03:22,410
Il prossimo è il metodo SR di push che è pop.

44
00:03:22,410 --> 00:03:27,810
Quindi pop fa il contrario in quanto rimuove l'ultimo elemento di un array.

45
00:03:27,810 --> 00:03:29,380
Quindi ti mostrerò come lo usiamo.

46
00:03:29,400 --> 00:03:34,090
Non ci sono argomenti che scriviamo solo colori pop.

47
00:03:34,380 --> 00:03:38,040
E se premo invio qui vedrai due cose.

48
00:03:38,160 --> 00:03:45,300
l'ultimo elemento dell'array che era violento e se guardo i colori ora non ha viola.

49
00:03:45,300 --> 00:03:46,980
Uno mi restituisce

50
00:03:46,980 --> 00:03:51,320
Quindi usiamo molto pop per rimuovere le cose da un array e poi fare qualcosa con loro.

51
00:03:51,600 --> 00:03:56,790
Quindi push accetta un argomento e verrà aggiunto alla fine di un array e restituirà la lunghezza di tale array.

52
00:03:57,450 --> 00:04:03,960
E Pop non accetta argomenti e restituisce l'ultimo elemento dell'array che rimuove.

53
00:04:03,960 --> 00:04:06,210
Il prossimo abbiamo shift e shift.

54
00:04:06,450 --> 00:04:12,330
E questi sono una coppia come push e pop e funzionano in modo molto simile tranne

55
00:04:12,330 --> 00:04:16,960
che aggiungere e rimuovere alla fine dell'array che aggiungono e rimuovono dall'inizio dell'array.

56
00:04:17,040 --> 00:04:22,170
pop, provengono da queste strutture di dati chiamate Stack e Q che esistono in altri linguaggi di programmazione.

57
00:04:22,170 --> 00:04:27,150
Se sei curioso di sapere dove i nomi si spostano e si spostano o si spinge e

58
00:04:27,210 --> 00:04:28,710
Quindi sono una specie di avanzi.

59
00:04:28,860 --> 00:04:33,800
Esistono principalmente perché sono stati utilizzati per molto tempo in altri linguaggi di programmazione.

60
00:04:34,530 --> 00:04:39,270
Quindi, come ho detto, il passaggio a non turno è l'opposto di push e pop.

61
00:04:39,270 --> 00:04:45,600
Quindi possiamo usare uno spostamento per aggiungere un array alla parte anteriore e penso che sia confuso il fatto che si chiami

62
00:04:45,690 --> 00:04:48,170
uno spostamento quando in realtà stai aggiungendo qualcosa.

63
00:04:48,450 --> 00:04:49,700
Ma è proprio così.

64
00:04:49,860 --> 00:04:55,800
della matrice, potrei usare i colori start on shift infrared e che verranno aggiunti all'inizio.

65
00:04:55,800 --> 00:05:00,430
Quindi puoi vedere un esempio qui se volessi aggiungere rosso infrarosso all'inizio

66
00:05:01,420 --> 00:05:07,220
Che ho anche shift che rimuove il primo elemento dell'array e restituisce quell'elemento.

67
00:05:07,550 --> 00:05:14,030
Quindi puoi vedere che ho dei colori e se volessi rimuovere il rosso, farei il punto di spostamento dei colori

68
00:05:14,060 --> 00:05:17,880
con parentesi e nessun argomento e questo rimuoverà il primo elemento rosso.

69
00:05:18,110 --> 00:05:24,410
Quindi puoi vedere che finiamo con l'arancione e il giallo e se lo avessimo fatto di nuovo i colori

70
00:05:24,440 --> 00:05:27,770
lo spostassero rimuovendo l'arancione e ricordando che ritorna all'elemento rimosso.

71
00:05:27,800 --> 00:05:30,510
Quindi potrei memorizzarlo in una variabile come faccio qui.

72
00:05:30,890 --> 00:05:41,420
aggiungere un numero all'inizio, inizierò a turno tra parentesi e in realtà farò una stringa e che aggiungerà all'inizio dei numeri.

73
00:05:41,480 --> 00:05:48,920
Quindi, facciamo un esempio rapido, formeremo una serie di numeri e faremo solo il 34

74
00:05:52,520 --> 00:05:55,110
54 22 e se voglio

75
00:05:55,440 --> 00:06:02,690
Ciao, allora se voglio rimuovere Hello posso semplicemente scrivere numskulls shift con parentesi e questo restituisce

76
00:06:02,690 --> 00:06:03,270
Hello.

77
00:06:03,320 --> 00:06:09,270
E se guardo Nom's torna ad essere solo numeri.

78
00:06:09,500 --> 00:06:16,190
Quindi il prossimo metodo è chiamato indice di ciò che fa index è che prende un argomento come una stringa o

79
00:06:16,340 --> 00:06:19,930
un numero e cerca di trovare quell'argomento in un dato array.

80
00:06:20,270 --> 00:06:24,380
E se lo trova restituirà l'indice in cui è stato trovato.

81
00:06:24,500 --> 00:06:30,140
Ho un esempio qui di array di un amico e questo array ho cinque diversi amici

82
00:06:30,140 --> 00:06:37,840
Charlie lista David Mathias e un altro è se volessi sapere dove si trova David in questo array posso scrivere gli

83
00:06:37,910 --> 00:06:42,590
amici indice punto di David e ho bisogno di assicurarsi che corrisponde esattamente.

84
00:06:42,820 --> 00:06:47,880
Sta andando a trovare la stringa nell'array che è il terzo elemento con indice di due.

85
00:06:48,050 --> 00:06:51,800
Quindi torna se lo provo con la signora

86
00:06:51,800 --> 00:06:56,140
Comunque restituirà la prima istanza di Liz.

87
00:06:56,240 --> 00:06:57,520
Quindi ce ne sono due.

88
00:06:57,560 --> 00:06:59,270
Restituirà questo.

89
00:06:59,270 --> 00:07:01,010
E questo ha un indice di 1.

90
00:07:01,160 --> 00:07:04,150
Non questo che ha un indice di quattro.

91
00:07:05,390 --> 00:07:10,210
Quindi possiamo anche usare l'indice di per determinare se un elemento non è presente in un array.

92
00:07:10,370 --> 00:07:14,390
E per farlo basta controllare se l'indice dei resi è negativo 1.

93
00:07:14,420 --> 00:07:15,400
Ecco come si comporta.

94
00:07:15,400 --> 00:07:19,830
Se non trova l'argomento dato, lasciatemi fare un esempio.

95
00:07:20,270 --> 00:07:26,030
Torniamo ai colori dell'arancio rosso e del giallo e poi mi sbarazzerò di

96
00:07:29,720 --> 00:07:32,510
questo in modo che non possiamo vederlo.

97
00:07:32,540 --> 00:07:38,360
Voglio sapere se Orange si trova da qualche parte nel mio array e se è così, dove è.

98
00:07:38,390 --> 00:07:47,120
Quindi scriverò solo i colori dell'indice giallo e mi dice che è anche questo indice.

99
00:07:47,300 --> 00:07:52,420
Così ho potuto accedervi facendo anche l'indice dei colori indice.

100
00:07:53,200 --> 00:07:58,450
E divento giallo se volessi sapere se Green era nel mio schieramento.

101
00:07:58,550 --> 00:07:59,790
Potrei fare la stessa cosa

102
00:07:59,900 --> 00:08:02,830
Colore impostato indice di verde.

103
00:08:03,770 --> 00:08:09,170
E ottengo 1 negativo che mi dice che non è presente.

104
00:08:09,170 --> 00:08:12,030
L'ultimo metodo di cui voglio parlare è chiamato slice.

105
00:08:12,080 --> 00:08:15,700
Usiamo slice per copiare diverse porzioni di un array.

106
00:08:15,950 --> 00:08:23,180
Quindi ho un esempio di frutta qui un array con banana orange lemon Apple e mango.

107
00:08:23,660 --> 00:08:26,640
E se volessi copiare l'agrume è fuori di qui.

108
00:08:26,780 --> 00:08:31,920
Solo arancio e limone e voglio creare un nuovo array con solo arancia e limone.

109
00:08:32,000 --> 00:08:39,770
Potrei usare la slice in modo da poter vedere qui slice e slice di slice di frutta prende due argomenti.

110
00:08:39,770 --> 00:08:41,690
Il primo è l'indice di partenza.

111
00:08:41,780 --> 00:08:43,710
È dove inizia il taglio.

112
00:08:43,760 --> 00:08:51,860
fermarsi che è una mela e non è inclusiva quindi include arancia e limone ma non l'ultimo indice di tre.

113
00:08:51,860 --> 00:08:58,500
Quindi, nell'indice 1 proprio qui Arancione e poi il secondo argomento è dove la fetta dovrebbe

114
00:08:58,760 --> 00:09:01,040
Quindi lascia Apple in disordine.

115
00:09:01,060 --> 00:09:07,010
Quindi quando eseguiremo questo agrume sarà in realtà una nuova matrice che assomiglia a questa arancia e

116
00:09:07,220 --> 00:09:12,550
limone due elementi ed è anche importante notare che il frutto dell'array originale è alterato.

117
00:09:12,680 --> 00:09:16,700
Quindi contiene ancora arancia e limone.

118
00:09:17,060 --> 00:09:20,810
Possiamo anche usare slice per copiare un intero array per farlo.

119
00:09:20,810 --> 00:09:23,580
Semplicemente non passiamo in nessun punto iniziale e finale.

120
00:09:23,600 --> 00:09:29,200
Facciamo solo numbs che tagliano con parentesi vuote e che duplicano l'intero array.

121
00:09:29,630 --> 00:09:31,410
Quindi di nuovo farò un rapido esempio.

122
00:09:31,490 --> 00:09:40,400
Faremo un array questa volta, facciamo Nom's e inserirò dei numeri qui e certamente

123
00:09:40,700 --> 00:09:44,710
metterò una o due lettere anche lì.

124
00:09:44,960 --> 00:09:48,950
E poi qualche altro numero.

125
00:09:50,300 --> 00:09:57,280
Quindi guardo Nom's e se voglio estrarre aeb e creare un nuovo array chiamato lettere, farei le lettere

126
00:09:57,280 --> 00:10:05,040
di Varda uguali e poi ho intenzione di fare una sezione numbs e quindi ho bisogno di fornire due indici.

127
00:10:05,150 --> 00:10:07,390
Il primo è dove fare il primo taglio.

128
00:10:07,610 --> 00:10:11,800
Quindi questo è 0 1 2 3 indice di 3.

129
00:10:12,230 --> 00:10:15,830
E poi dove fermarsi che è a questo numero qui.

130
00:10:15,830 --> 00:10:21,250
Quindi questo sarà 0 1 2 3 4 5.

131
00:10:21,950 --> 00:10:27,560
E se guardiamo le lettere otteniamo a e b due elementi in un array.

132
00:10:28,250 --> 00:10:34,120
Così è stato restituito e memorizzato nella variabile letters mentre Gnome è invariato.

133
00:10:35,200 --> 00:10:38,530
OK, quindi questi sono i sei diversi metodi che voglio mostrare.

134
00:10:38,580 --> 00:10:43,010
Abbiamo fatto push e pop abbiamo avuto l'indice shift e unshipped e slice