ciao in questa serie stiamo imparando come
fare programmazione funzionale in
JavaScript è possibile trovare la serie completa
cliccando lì nell’ultimo episodio noi
imparato a conoscere le funzioni di ordine superiore
poiché le funzioni sono solo valori come qualsiasi
altro valore in JavaScript che possiamo sfruttare
quello facendo funzioni che ne prendono altre
funziona come i loro argomenti e cioè
abbiamo chiamato anche una funzione di ordine superiore
impara ad usare una funzione di ordine superiore
filtro impariamo che il filtro è un metodo
sull’oggetto array che ne prende un altro
funziona come argomento e lo usa
funzione per filtrare la matrice in questo
episodio stiamo impariamo andando su
qualcosa di nuovo e anche chiamato semplicemente mappa
come la mappa dei filtri è un altro ordine superiore
funziona anche come filtro va
attraverso un array ma a differenza di filtrarlo
non gettare gli oggetti via invece
li trasforma perché cosa vuol dire
lascia che ti mostri per dare un’occhiata a questo
array potresti notare che sto riutilizzando
la matrice dal video precedente ma
questo è semplicemente perché una razza di animali
è molto molto comune in livello aziendale
programmazione ma il problema è diverso
questa volta vogliamo ottenere una matrice
di tutti i nomi di tutti gli animali questo
è super semplice da risolvere con la mappa ma
prima di me voglio mostrarti come
risolverebbe questo usando un ciclo for così
Diamo un’occhiata a ciò che questo fa proprio così
lungo l’uscita eseguirlo
si vede che questo registra appena fuori dalla
Nomi il codice è super semplice
circonda semplicemente la matrice di animali e per
ogni animale sceglie solo il nome
proprietà e dei suoi spinge nel
array di nomi che creiamo sulla linea 10
ora facciamo la stessa identica cosa ma
usando la mappa, invece, commenterò il
per loop qui e tenerlo in giro per
scopi di confronto
facciamolo, ricordiamoci che l’ho detto
quella mappa è una funzione dell’array
oggetto proprio come filtro è mappa avrà
una funzione di callback come il filtro
fa la funzione di callback sarà
passato ogni oggetto nell’array degli animali
ma qui è dove la mappa diventa diversa
dal filtro filtro aspettiamo che sia il suo
funzione di callback per restituire un vero o
valore falso che determina se o
Non l’articolo dovrebbe essere incluso nel
array o non pisolino includerà tutti gli elementi
nell’array ma invece si aspetta il
funzione di callback per restituire a
oggetto trasformato che inserirà
il nuovo array al posto del
animale originale in questo caso che lo farà
sii il nome così ora salviamo e
eseguirlo e vedere se produce lo stesso
uscita come per ciclo BAM esattamente il
stesso utilizzando la mappa per restituire un sottoinsieme di un
oggetto come questo dove torniamo giusto
la proprietà del nome è molto
modello di utilizzo comune tuttavia dalla mappa
si aspetta solo la richiamata per restituire qualsiasi
oggetto possiamo usarlo per creare
oggetti completamente nuovi
corriamo che Tara Fluffykins sia un
coniglio Caro è un cane hamiltonicity sì
lo stanno facendo, ma non vedi?
quanto poco codice sia, è sorprendente
Sto andando messo l’esempio per il prossimo ciclo
all’esempio della mappa in modo che tu possa
confronta e rimuoverò l’extra
codice che abbiamo aggiunto alla mappa in modo che
stanno facendo la stessa cosa ora controllano
QUI quando seleziono la mappa
esempio e qui in basso a sinistra
angolo vedi che questo è 66
caratteri e quando seleziono il per
esempio di loop si vede che è 89
caratteri che è come il 30% in più let
me lo metto come in una linea come a
mostrarvi la differenza di dimensioni mostro
ho tirato fuori un po ‘questo, poi è molto
codice corto più corto è buono perché meno
il codice quasi sempre significa meno bug ma
diventa ancora migliore nello script ECMO 6
stiamo ottenendo funzioni freccia che sto andando
per riscriverlo usando le funzioni freccia
le funzioni freccia sono nuove e più brevi
migliore sintassi per le funzioni in ECMO
lo script 6 sembra così, quindi è un
un po ‘più corto ma migliora se il tuo
la logica della funzione si adatta su una riga come in
questo esempio puoi semplicemente sbarazzarti di
dichiarazione di ritorno e parentesi graffe
e questa sarà qualsiasi affermazione
dopo la funzione della freccia sarà
implicitamente
girato così lasciatemi commentare la roba
che ci teniamo in giro per il confronto e
torna alla console e esegui questo
whoops questo non funzionerà subito
perché come ho detto le funzioni della freccia sono a
parte del sesto standard di script ACMA
e questo non è completamente implementato in
browser o nodo ma comunque se lo sei
stai correndo l’ultima versione di IOT
puoi semplicemente usare le funzioni della freccia di armonia
bandiera e funziona se stai guardando
questo video dal futuro non lo fai
devo farlo in modo funzionale
programmazione è comune anche andare
più corto e accorcia la variabile
i nomi di X come questo BAM lasciatemi mettere questo
accanto al originale per ciclo solo per
mostrarti quanto è stupendo
se non si pensa che questo sia assolutamente
bello tu, io non ho anima lì
non puoi vedere la bellezza nel mondo
controlla che questo sia 38 caratteri
e questo è 90 ah e questo conclude
questa informatica informatizzata
video sulla funzione di ordine superiore
mappa che è parte di questo
serie sulla programmazione funzionale in
JavaScript la prossima volta vedremo a
classica funzione di ordine superiore chiamata
ridurre da non perdere
per favore iscriviti se ti piace anche questo
seguimi su Twitter a MB Jaime stay
curioso a vederti la prossima volta
fare programmazione funzionale in
JavaScript è possibile trovare la serie completa
cliccando lì nell’ultimo episodio noi
imparato a conoscere le funzioni di ordine superiore
poiché le funzioni sono solo valori come qualsiasi
altro valore in JavaScript che possiamo sfruttare
quello facendo funzioni che ne prendono altre
funziona come i loro argomenti e cioè
abbiamo chiamato anche una funzione di ordine superiore
impara ad usare una funzione di ordine superiore
filtro impariamo che il filtro è un metodo
sull’oggetto array che ne prende un altro
funziona come argomento e lo usa
funzione per filtrare la matrice in questo
episodio stiamo impariamo andando su
qualcosa di nuovo e anche chiamato semplicemente mappa
come la mappa dei filtri è un altro ordine superiore
funziona anche come filtro va
attraverso un array ma a differenza di filtrarlo
non gettare gli oggetti via invece
li trasforma perché cosa vuol dire
lascia che ti mostri per dare un’occhiata a questo
array potresti notare che sto riutilizzando
la matrice dal video precedente ma
questo è semplicemente perché una razza di animali
è molto molto comune in livello aziendale
programmazione ma il problema è diverso
questa volta vogliamo ottenere una matrice
di tutti i nomi di tutti gli animali questo
è super semplice da risolvere con la mappa ma
prima di me voglio mostrarti come
risolverebbe questo usando un ciclo for così
Diamo un’occhiata a ciò che questo fa proprio così
lungo l’uscita eseguirlo
si vede che questo registra appena fuori dalla
Nomi il codice è super semplice
circonda semplicemente la matrice di animali e per
ogni animale sceglie solo il nome
proprietà e dei suoi spinge nel
array di nomi che creiamo sulla linea 10
ora facciamo la stessa identica cosa ma
usando la mappa, invece, commenterò il
per loop qui e tenerlo in giro per
scopi di confronto
facciamolo, ricordiamoci che l’ho detto
quella mappa è una funzione dell’array
oggetto proprio come filtro è mappa avrà
una funzione di callback come il filtro
fa la funzione di callback sarà
passato ogni oggetto nell’array degli animali
ma qui è dove la mappa diventa diversa
dal filtro filtro aspettiamo che sia il suo
funzione di callback per restituire un vero o
valore falso che determina se o
Non l’articolo dovrebbe essere incluso nel
array o non pisolino includerà tutti gli elementi
nell’array ma invece si aspetta il
funzione di callback per restituire a
oggetto trasformato che inserirà
il nuovo array al posto del
animale originale in questo caso che lo farà
sii il nome così ora salviamo e
eseguirlo e vedere se produce lo stesso
uscita come per ciclo BAM esattamente il
stesso utilizzando la mappa per restituire un sottoinsieme di un
oggetto come questo dove torniamo giusto
la proprietà del nome è molto
modello di utilizzo comune tuttavia dalla mappa
si aspetta solo la richiamata per restituire qualsiasi
oggetto possiamo usarlo per creare
oggetti completamente nuovi
corriamo che Tara Fluffykins sia un
coniglio Caro è un cane hamiltonicity sì
lo stanno facendo, ma non vedi?
quanto poco codice sia, è sorprendente
Sto andando messo l’esempio per il prossimo ciclo
all’esempio della mappa in modo che tu possa
confronta e rimuoverò l’extra
codice che abbiamo aggiunto alla mappa in modo che
stanno facendo la stessa cosa ora controllano
QUI quando seleziono la mappa
esempio e qui in basso a sinistra
angolo vedi che questo è 66
caratteri e quando seleziono il per
esempio di loop si vede che è 89
caratteri che è come il 30% in più let
me lo metto come in una linea come a
mostrarvi la differenza di dimensioni mostro
ho tirato fuori un po ‘questo, poi è molto
codice corto più corto è buono perché meno
il codice quasi sempre significa meno bug ma
diventa ancora migliore nello script ECMO 6
stiamo ottenendo funzioni freccia che sto andando
per riscriverlo usando le funzioni freccia
le funzioni freccia sono nuove e più brevi
migliore sintassi per le funzioni in ECMO
lo script 6 sembra così, quindi è un
un po ‘più corto ma migliora se il tuo
la logica della funzione si adatta su una riga come in
questo esempio puoi semplicemente sbarazzarti di
dichiarazione di ritorno e parentesi graffe
e questa sarà qualsiasi affermazione
dopo la funzione della freccia sarà
implicitamente
girato così lasciatemi commentare la roba
che ci teniamo in giro per il confronto e
torna alla console e esegui questo
whoops questo non funzionerà subito
perché come ho detto le funzioni della freccia sono a
parte del sesto standard di script ACMA
e questo non è completamente implementato in
browser o nodo ma comunque se lo sei
stai correndo l’ultima versione di IOT
puoi semplicemente usare le funzioni della freccia di armonia
bandiera e funziona se stai guardando
questo video dal futuro non lo fai
devo farlo in modo funzionale
programmazione è comune anche andare
più corto e accorcia la variabile
i nomi di X come questo BAM lasciatemi mettere questo
accanto al originale per ciclo solo per
mostrarti quanto è stupendo
se non si pensa che questo sia assolutamente
bello tu, io non ho anima lì
non puoi vedere la bellezza nel mondo
controlla che questo sia 38 caratteri
e questo è 90 ah e questo conclude
questa informatica informatizzata
video sulla funzione di ordine superiore
mappa che è parte di questo
serie sulla programmazione funzionale in
JavaScript la prossima volta vedremo a
classica funzione di ordine superiore chiamata
ridurre da non perdere
per favore iscriviti se ti piace anche questo
seguimi su Twitter a MB Jaime stay
curioso a vederti la prossima volta
Please follow and like us: