Javascript Tutorial Italiano 06 - Gli Array

un maggiore a tutti bentornati episodio numero 6 del corso di javascript quest oggi guardiamo gli array finalmente ci siamo arrivati sono veramente importanti scaletta del giorno che cos'è un array come creare un array accedere e modificare i dati in un array la lunghezza di un array e come possiamo prendere come possiamo passare rassegna tutti gli elementi di un array in una botta sola convertire stringhe array ok dall'uno all'altro e viceversa aggiungere rimuovere elementi in un array allora io qua o due cose voglio che vi concentrate prevalentemente su data allora che cos'è un array 1 array

è un oggetto descritto come un oggetto lista ok come potete vedere è una lista di valori quindi immaginate la vera mente come una lista di valori e il pane della casa delle stringhe essendo un oggetto in javascript anche lui dei metodi come potete vedere qua che poi andremo ad utilizzare come possiamo creare un array è veramente semplice let o const fate quello che dovete facciamo array magari così per evitare problemi aprite le parentesi quadre semplicente al tgr e accentata se non trovate la la parentesi quadra e vi mettete a piazzare i vostri i vostri dati

non c'è alcun tipo di problema fate la vostra lista chiudete avete il vostro array come possiamo accedere e modificare i dati di un array molto semplice noi facciamo così innanzitutto facciamo qua data mandiamo a schermo e vedete che ci da tutti i nostri i nostri dati ovviamente come vi dicevo anche per le stringhe avevo già introdotto nei video precedenti si parte a contare da zero ok quindi la lunghezza qua e 5 la vedete ma e 5 partendo da vedete lankes e 50 1 2 3 4 ovvero 5 proseguiamo e come possiamo accedere ai dati ve

l'avevo già mostrato semplicemente mettiamo qua l'index che ci interessa vedete milano mettiamo 3 anzi facciamo quattro salviamo napoli se ovviamente vado fuori faccio 5 bel problema non esiste quindi ripeto la length la lunghezza e 5 ma si conta da da zero in poi quindi la lunghezza meno 1 stessa cosa che abbiamo visto per quanto riguarda le stringhe quindi vediamo un po data appunto lei ok e stiamo già passando al prossimo la lunghezza di un array data punto lens meno 1 stessa cosa che mi hanno fatto per la stringa ci dovrebbe dare napoli esattamente molto molto

semplice come possiamo passare in rassegna tutti gli elementi allora se noi facciamo così vedete che noi stiamo passando in rassegna ad ogni elemento se vogliamo vederne di più dovremo scrivere ogni volta data virgola quindi data zero data virgola uno insomma è una cosa abbastanza poco poco veloce e poco automatica una cosa del genere perciò come passiamo in rassegna passiamo in rassegna con un four che guarderemo a breve nei prossimi episodi perciò non non diventate scemi attorno a questa cosa qua mi serve per farvi vedere come funziona quindi per ora non me la spiego anche semplicemente

l'unica cosa che prendiamo è la data appunto lankes ok e poi facciamo i più più facciamo così console log sol punto log e mandiamo a schermo data con i allora velocemente cosa ho fatto ma non ve lo spiego nel dettaglio il four questo qua è un ciclo ci permette di eseguire più volte la stessa la stessa istruzione ovvero mandare a schermo questo e ci dice questo è un contatore quindi il contatore parte da zero ovvero parte da qui perché se vi riguarda e si comincia a contare da zero quindi parte da zero ovvero da qua

e continui per tutta la lunghezza del della length essendo 5 mi riguarda che c'era scritto length 5 come se fosse i5 e ogni volta che tu finisci questa istruzione riparti finché questa cosa è verificata quindi i più più quindi è uguale a 1 e minore di cinque si andrà avanti così fino a che sarà 5 quindi torniamo qua data lens si fa così per riciclare un array ovviamente così perché voi lo potete sapere che questo e 5 e lo potete mettere a mano arco dato ma non ha senso quello che volete sapere è data appunto

lankin modo se qualcuno aggiunge palermo senza che voi lo sappiate non c'è alcun tipo li poniamo andiamo a vedere qua che ci cicla anziché avere tutto insieme ha fatto la prima la seconda la terza la quarta la quinta finché ha trovato cose quando ha smesso di trovar corde vedete che ha smesso ed è andato oltre queste brevemente come chick le aree come ciclare gli elementi di una duna re ma poi non preoccupatevi che parleremo dei cicli veramente tra pochissimi episodi come possiamo convertire stringhe e array quindi con split and joint allora se noi facciamo se

noi puliamo qua data togliamo questo facciamo così ma andiamo a schermo il data e lo puliamo diciamo così e ne facciamo che data è uguale a città punto split e me lo split per quello che è il valore che vogliamo splittare ovvero la virgola ovvero noi vogliamo creare un array da questo e qual è il separatore la virgola salviamo e ci torna un bellissimo array lo vedete quindi ha preso la stringa è partito a questo ha detto ok il separatore è la virgola questo non lo conta perché sa che è una stringa quindi questo non

conta gli apici non contano usando split il separatore è la virgola quindi prende tutti gli elementi vedete e ne fa un array togliendo le virgole quindi ogni cosa separata da una virgola è un è un elemento dell'array torniamo indietro perché noi potremmo fare la stessa cosa con le città quindi facciamo così facciamo che città è vuoto e semplicemente anzi scusatemi città non è vuoto città è data punto joint e con cosa miri giovani vogliamo che siano separati in questo caso dalla dalla virgola poter mettere quello che volete andiamo a vedere ho sbagliato scusatemi dobbiamo mandare

a schermo città salviamo così e vedete che abbiamo una bellissima stringa e non è un array altri medici darebbe la possibilità di aprirlo è una stringa separata esattamente come avevamo prima se noi vogliamo cambiare per assurdo mettiamo che voi siete persone da frattini vedete che non fa alcuna differenza quindi questo è split split vuol dire da stringa ad array già in vuol dire darei a stringa vediamo ma aggiungere e rimuovere elementi in un array quindi push pop in shift e shift allora stato un attimo calmi perché questa cosa cosa fa venire mal di testa a

chiunque comincia allora andiamo a schermo intanto il nostro array vediamolo lo vedete sei elementi milano torino roma venezia napoli palermo e fin qui tutto bene cosa facciamo vogliamo aggiungere una città per raggiungere una città raggiunge una città in fondo quindi qua qua in fondo anziché scriverla nuova città arriviamo qui e facciamo data punto push e noi vogliamo mandare a schermo firenze non firenze non faenza ma firenze vediamo qua e vedete che compare firenze come sesto elemento è quindi lunghezza 7 ovviamente il console lo faccio sempre in fondo quindi potrei fare un console hoc prima o

poi far vedere che pusha e vabbè comunque si capisce insomma prima erano in sei elementi dovevano essere sei elementi invece prima del del console og del dell'array o pushato un elemento e fin qui tutto bene ma se invece volessi fare pop facendo pop noi andiamo a eliminare l'ultimo elemento quindi andiamo a vedere vedete che è scomparso è scomparsa palermo scomparsa palermo perché push aggiunge in coda mentre invece pop toglie dalla coda quindi se noi facciamo andiamo a mettere qui un altro elemento ma se noi facciamo pop andiamo a togliere questo elemento ok ora che sapete

push e pop applicate la stessa cosa su anche shift e shift vi faccio vedere in shift mettiamo un valore in questo caso firenze vedete che ci compare firenze all'inizio se io invece faccio shift e basta senza valore guardate un po scompare milano quanto scommetteva scomparsa milano allora ricordatevi ricordatevi che in questo ordine ok bush e aggiungere pop e togliere ma è tutto ancora quindi push pop lavora in coda in shift shift lavora in testa anzi se proprio io preferisco push pop perché sono quelli più semplici perché sci vita in shift perché unscita in shift hanno

lo stesso nome praticamente e bici si confonde sempre quindi per ricordarci i fatti o push pop e so che un aggiunge uno toglie e poi c'è ange ift quindi in shift aggiunge e shift toglie ok quindi io la ragione così perché mi confondo sempre su questi mi confondo sempre ancora oggi sul fatto se ha scelto e toglie o aggiunge quindi per me push pop a scelta in shift oppure lo potete far così comunque sempre prima aggiunge poi togli potreste fare in shift shift che immaginatevi una cosa del genere quindi questo il nostro array quindi in

shift shift lavorano all'inizio dell'array push pop lavorano alla fine ma voi sapete che mettete sempre prima aggiunge poi togli quindi in shift push pop scegliete voi come volete impararli basta che ve le ricordate oddio internet comunque ve lo ricorderà sempre come fare o ci sarà il quale ci sarà ancora gli aiuti quindi vedete sono vi aiuta però se ne imparate a memoria poi arriva con la pratica però avere una piccolo piccolo aiutino mentale non guasta mai quindi video su gli array terminato abbiamo visto velocemente cose importantissime perché abbiamo visto come aggiungere togliere gli elementi come

splittare questo un po chi se ne frega abbiamo visto come in passare in rassegna gli elementi come creare un array come modificare su quindi le cose veramente importanti le abbiamo viste ci sarebbero tanti altri metodi che possiamo vedere facciamo così vedete che c'è una vagonata c'è un po di roba cioè con cut entry insomma c'è un po di roba che potremmo vedere ma non è non è importante queste cose le vedremo caso mai più avanti con con la pratica o con le altre con gli altri corsi che andremo a lavorare effettivamente con javascript per ora

va bene così compito di oggi cominciate a far pratica cominciate a testare vedere se volete tirare fuori degli elementi in particolare creare delle stringhe insomma fate pratica che sono importanti gli array e li troveremo veramente ovunque io vi ringrazio vi ricordo group canale telegram sotto in descrizione la mia pagina di amazon se volete dei libri sulla programmazione o produttività o altre cose in italiano e in inglese e poi c'è il link per gli abbonamenti se volete supportare la creazione di questi di questi corsi sul canale io vi ringrazio faccio nella prossima ciao ciao