Va bene torneremo.
Quindi in questo video discuteremo la nostra prima struttura dati principale che è
qualcosa chiamata array.
Quindi abbiamo alcuni obiettivi qui.
Il primo è che vogliamo capire quali sono gli array e perché li usiamo.
E poi in secondo luogo vogliamo usarli nel nostro codice.
Quindi iniziamo parlando concettualmente di quale sia il punto di un array.
Quindi supponiamo di voler modellare un gruppo di amici.
Quindi ogni amico è una stringa con il loro nome come Charlie e Liz David e Mathias.
Quindi potrei creare variabili per amici.
Ognuno è una variabile separata e se volessi aggiungerne un altro avrei bisogno di salvare il nostro amico 5 è
uguale ad un altro nome.
E poi ho bisogno di sapere per il prossimo che devo fare forense e poi amico 7.
E quindi questo è problematico per alcune ragioni.
Uno è che questo codice non è quello che considereremmo secco.
C'è un sacco di codice ripetuto qui.
Anche questi amici non sono legati l'uno all'altro.
Sono totalmente separati.
Quindi non è davvero un gruppo di amici.
Quindi questo è un caso d'uso perfetto per un array e un array consente ai suoi dati di gruppo in un elenco.
Quindi, anziché avere quattro variabili separate, possiamo scrivere una variabile e al suo interno vengono
memorizzati quattro nomi diversi.
Quindi diamo un'occhiata più da vicino a come funzionano gli array.
Ho lo stesso codice di esempio qui.
Gli amici Var sono uguali e quindi parentesi quadre.
Ecco cosa dice javascript questo è un array.
Fino a questo punto qui abbiamo a che fare con una normale variabile javascript dove sul lato destro
potremmo avere solo una stringa o un numero o booleano o non definito o no.
Ma invece abbiamo una matrice.
Quindi le parentesi quadre indicano una matrice.
È possibile vedere la parentesi chiusa a staffa aperta.
E dentro abbiamo la nostra lista di dati per dichiarare un array.
È una lista separata da virgole.
Quindi abbiamo i nostri valori come Charlie virgola Liz virgola David virgola.
MATHIAS.
E questo si traduce in una serie di quattro elementi.
La seconda informazione importante sugli array è che sono indicizzati come i caratteri di una
stringa in cui vi è un numero specifico che corrisponde a ogni carattere che inizia da zero.
Anche gli array sono indicizzati a partire da zero.
Quindi ogni slot in questo array ha un numero corrispondente.
Quando facciamo questo array qui con questi quattro nomi Ecco un diagramma che rappresenta come viene creato
l'array in memoria.
Quindi abbiamo Charlie memorizzato con il numero zero come indice è con un David con due Mathias con tre.
Utilizziamo questi indici di array tutto il tempo per estrarre i dati dall'array.
Quindi qui sto iniziando lo stesso array esatto.
E se voglio far uscire Charlie dall'array ho bisogno di sapere l'indice che corrisponde a Charlee
che è.
E poi tutto ciò che faccio è scrivere amici.
La parentesi del nome della variabile è 0.
Proprio come vorremmo per lo spago se volessi di nuovo il primo personaggio.
L'unica differenza è che non abbiamo a che fare con una stringa di caratteri che abbiamo a che fare
con una serie di stringhe.
Quindi l'amico 0 mi darà Chartley.
Allo stesso modo se ho fatto amici uno che mi dà una vita più un cuore più amici due mi dà David e
finiamo con Liz Hart.
David possiamo anche usare gli indici per aggiornare i valori dell'array.
Quindi se Charlie vuole cambiare il suo nome in chuck tutto quello che devo fare è
trovare Charlie nell'array con l'indice zero amici zero e impostarlo su un'altra stringa Chuck.
Quindi il nostro array appare come questo dove abbiamo Chuck all'indice 0.
Stessa cosa con Liz.
Lei cambia il suo nome in Lizzie, troviamo solo l'indice corretto per Liz, che è uno degli amici di uno uguale a Lizzie,
come puoi vedere qui nel nostro array.
Ora sembra Chuck a zero Lizzy a 1.
La prossima caratteristica degli array è che possiamo anche aggiungere dati a un array esistente.
Quindi se avessi un nuovo amico che sarebbe fantastico potrei davvero usare alcuni nuovi amici tutto
ciò che devo fare è accedere agli amici e inserire qui un indice che non esiste ancora.
Quindi, in questo caso, e se faccio amici per la famiglia di pari, otterrò un indizio qui sotto, perché non ho
intenzione di mostrarvi una rapida dimostrazione nella truffa. Userò un array per modellare i colori per
farlo.
Definirò una serie di colori var uguali e inserirò solo
alcuni colori come stringhe per avviare l'arancione e il giallo rossi e premerò Invio.
Ora ho definito il mio array di colori.
Se accedo ai colori ci sono tre elementi e se volessi stampare arancione, farei i colori
per il pacchetto 1 perché ha un indice di 1 e ottengo l'arancione se volessi aggiungere un altro elemento dopo il giallo
che volevo aggiungere in verde.
Avrei bisogno di contare 0 1 2.
Quindi l'indice di 3 è il prossimo.
L'indice tre colori tre è verde.
E ora se guardiamo i colori ottengo rosso arancione giallo verde.
Supponiamo che volessi cambiare il verde in verde scuro.
Ho bisogno di accedervi prima.
Quindi i colori 3.
Basta verificare che sia verde.
Quindi ora cambierò i colori tre per diventare verde scuro e basta.
Una breve nota se faccio qualcosa come i colori di 10 è uguale a Violet e premo invio.
E diamo un'occhiata a come sono i colori.
Ora puoi vedere che ottengo rosso arancione giallo verde scuro e poi mostra indefinito.
Times 6.
Quindi, quello che è successo qui è che ho aggiunto a Violet un indice di 10 e che ci lascia
molto spazio tra l'indice di 3 e l'indice di 10.
Quindi javascript crea spazi vuoti e ne riempie alcuni con un indefinito.
Quindi c'è un mucchio di spazio vuoto in questo array che non è l'ideale.
Quindi nel prossimo video ti mostrerò un altro modo di aggiungere dati in cui non dobbiamo tenere
traccia di quanti elementi ci sono nel nostro array in un dato momento per concludere qui.
Ho alcune altre note sugli array.
Il primo dei quali è che ci sono diversi modi per definire gli array.
Il primo modo è definire un array vuoto usando parentesi quadre.
In questo caso ho definito l'array di un amico ma purtroppo non ho amici.
Quindi sono solo parentesi quadre vuote.
L'altro modo per definire un array che potresti incontrare è scrivere un nuovo array con la A maiuscola e
le parentesi dopo di esso.
Quindi non parlerò troppo di ciò che è, ma pensiamo a questo come a una funzione.
È una funzione
Lo chiamiamo con parentesi.
Questo ci rende un nuovo array proprio come questo.
Quindi questi sono equivalenti in entrambi i casi.
Abbiamo un array di amici che è vuoto.
Il prossimo punto è che gli array possono contenere qualsiasi tipo di dati.
Quindi li hai visti finora solo con archi come Charlie e Liz, ma possiamo riempirli
di numeri con i booleani, non indefiniti con stringhe con altri array che vedranno un po 'più tardi.
Quindi possiamo riempire gli array con tutti i tipi di dati.
E non tutti devono essere di un tipo.
Quindi ecco un esempio con un numero di stringa booleana e non tutto in un array.
L'ultima cosa che farò notare è che anche gli array hanno una proprietà di lunghezza come le stringhe.
In questo esempio sto definendo una serie di quattro elementi e non eseguo nulla di sorprendente.
Mi dà quattro.
Andrò avanti e aprirò il mio Console e lo dimostrerò.
Definiamo un nuovo array qui chiamato cani e cani.
Definirò una stringa.
Rusty Wyatt e Ali proprio così.
E se eseguo Dogstar alla fine ne ottengo tre perché la lunghezza conta.
Quante cose ci sono dentro
Ma ricorda che l'indice più alto in questo array è sempre uno in meno rispetto alla lunghezza.
Quindi tutto è un indice per la staffetta di cani 2 e ottieni tutto il.
Quindi è importante proprio come le stringhe.
Possiamo definire una stringa var name uguale a resti e denominiamo hotlink.
Otteniamo 5 perché ci sono cinque caratteri ma l'indice di Y è l'indice per il nome di quattro.
Mi dà perché
Perché gli indici partono da zero.
Va bene, è per una gara.
Ora nel prossimo video avremo un rapido set di problemi.