Programación funcional en JavaScript, parte 1: Array Filter

[@alexsruiz8289]

siempre que corre la intro en mi mente escucho: el cielo resplandece a mi alrededorrrr jajaja excelentes videos!

[@andresurrea7587]

jajajajaja

[@luismonagas573]

NUevos suscriptor.. habìa visto tus videos antes, pero hoy me suscribo.. yyy sigamosssssss adelante.. gracias desde Venezuela (03/04/2023)😀😀😀😀😀

[@chalvarenga96]

Les dejo las notas del mini curso con los códigos abajo para que lo puedan copiar en su editor si gusta. // El metodo de filter nos puede crear un arreglo que va a tener la misma longitud o menor al arreglo el cual estamos ejecutando el metodo. Cuando creamos un nuevo arreglo, este no va a ser un nuevo arreglo mutado, sino que va a ser una nueva copia, es decir que el arreglo original va a mantener todos sus elementos y su longitud. En cambio el arreglo nuevo va a contener solo los elementos que hayamos filtrado y este nos haya dado true por cada iteración de cada uno de los elementos. const numeros = [1, 2, 3, 4, 5, 6, 7, 8, 9] const mascotas = [ { nombre: 'Puchini' , edad: 12, raza: 'perro' }, { nombre: 'Chanchito feliz' , edad: 3, raza: 'perro' }, { nombre: 'Pulga' , edad: 10, raza: 'perro' }, { nombre: 'Pelusa' , edad: 16, raza: 'gato' }, ] /* const numerosFiltrados = numeros.filter (numero => numero < 5) console.log (numeros, numerosFiltrados) */ /* const perros = mascotas.filter (x => x.raza === 'perro') console.log (perros) */ /* const gatos1 = mascotas.filter (x => x.raza === 'gato') console.log (gatos) */ const gatos2 = mascotas.filter (function (x) { return x.raza === 'gato' }) // -->Esto tambien es lo mismo que la arrow function de gatos1 console.log (gatos2)

[@로-l2r]

En esta cuarentena me prometí aprender un lenguaje de programación y gracias a sus videos y a los de otras personas he podido lograr mis objetivos poco a poco gracias por compartir conocimiento.

[@francotoledo3111]

wow tremendo el cambio en 3 años, felicitaciones chanchito feliz

[@diegoherrera1141]

eres lo máximo, con este video logre resolver un ejercicio que me enviaron. I love you

[@seica5561]

Excelente. estas series son muy útiles para quienes estamos iniciando en javascript.. Gracias desde Venezuela (02/02/2021)

[@ardanyscanchila246]

Excelente explicación, yo conozco la programación estructurada q aprendí con turbo pascal y estoy iniciando con JS, y todo eso lo hacía con for e if, genial como sale tan rapido y limpio, y facil de comprender.

[@leomarqz9208]

al principio se me hacia dificil entender esto pero ahora que le puse mas atencion a tus videos veo que explicas super bien. excelentes videos

[@dionisiosantis6951]

que hermoso ningun curso te brinda esta informacion tan completa me suscribo.

[@juanmanuelcalvino9176]

Amo tus videos, solo a modo informativo la reproduccion de la playlist esta al reves, el capitulo 1 esta en la posicion 9 . Abrazo desde Argentina!

[@tomaskazutoshitaniguchi5180]

playList.sort()

[@dragonparkz20]

si tan solo hubiese visto este video el viernes pasado cuando lo necesitaba jaja, las cosas de la vida, buen video man

[@MarcosCastelli]

Muy bueno Nicolas, super claro y profesional tu trabajo, muchas gracias.

[@lean9216]

Gracias! Muy claro! Me sirvió para mi proyecto!

[@juanfelipe7677]

Esto acaba de despejarme un montón de dudas. ¡Gracias!

[@sebaleal3081]

Un crack el nico, se aprende bastante con estos tutoriales

[@agustinunaplay]

Muy claro!! Gracias bro... fetch y sus propiedades seria un buen video! Saludos

[@ezequielalvarez3345]

excelente didáctica para explicar!!!

[@oscarxaviervaroncruz5276]

muy bien explicado, claro y conciso. Excelente

[@jonnyaliriovalero3290]

hola buen vídeo me gusta la información que presentas , soy Venezolano en Colombia

[@victorgabriel-kd5me]

tremendo maestro que acabo de conocer el dia de hoy, gracias por su dedicación

[@vgameclan]

Muchisimas gracias por hacer videos como estos, me has ayudado tanto a entender muchas cosas.

[@IrwinBorjas]

Muy bien explicado, gracias

[@mauslaugther9899]

Hola, estoy comenzando a aprender el manejo de JSON y este metodo aplico perfectamente a el , gracias!

[@luiscallero6288]

Excelente! Mil gracias!!

[@obedsaga]

Excelente, me aclaró mucho el uso de filter

[@nayelliolvera9622]

Me ayudo muchísimo, muchas gracias!

[@_jormanespinoza]

De las mejores y más claras explicaciones que he visto! Gracias por la clase

[@ulisesastrada8880]

Muy claro! Gracias por la explicación

[@mauriciojavierastuto4155]

Gracias Nicolas!!!!

[@danielpaz1746]

gracias por aclarar que el segundo array se componía de objetos, por un momento pensé que nunca lo dirías

[@bgarciahn30]

Muy buena explicación

[@camelalejandro]

Ojala algún día, pueda lograrlo, seguiré insistiendo, gracias por la info!!

[@alexislopez16]

Tu dale, y un dia va a suceder carnal

[@hack_crack]

Muy bien explicado

[@pablocesarespinoza2529]

Imposible mejor explicado, buenisimo

[@gabyph2013]

Buenisima explicacion!! gracias

[@adamrebolledoolivares2652]

Maravilloso

[@David-ask]

buenas esta bueno y entendi el ejemplo , gracias

[@davidponc]

Se me viene a la mente con este método la funcionalidad de filtrado en una página de productos, donde el usuario solo quiere ver los productos con un limite de precio por ejemplo.

[@cespedesjuanc]

Muy clara la explicación. Gracias!

[@juanpablorodriguesdacruz9242]

la verdad me sorprendio tu canal, toda informacion de calidad. Voy a probar algun curso. Te felicito! saludos desde Argentina y exitos en lo que emprendas

[@JuanPablo-sp1bg]

Una gran diferencia entre este video y ahora

[@DiegoGutierrez-gu5ui]

Eres un Crack 👏

[@alejandrapachano5196]

Super bien explicado! Muchas gracias :)

[@cristianfernando2951]

explicas muy bien! felicidades y gracias por el aporte a la comunidad js

[@elnapol]

Hola Nicolás, agradeciendo tus videos te quiero dar una critica positiva, podrías dejar la lista de reproducción de mas viejo a más nuevo y no al revés, 1->9 y no como esta ahora de 9->1. Soy Chileno y se me hace bastante cómodo tu forma de expresarte, gracias por ser un creador de contenido.

[@estefanymagalipereztorres9048]

Gran video

[@cristhianaguilarverduguez1698]

Genial Profe

[@luisvonderbrelje9442]

Que buen vídeo amigo

[@cesarjuliancerpadiaz2078]

Buenísimo!!! Súper fan jaja

[@jordanavila7167]

Excelente explicación! 👍

[@matias25pinto]

estoy viendo todos tus vídeos me encanta estoy viendo que cursos tienes en udemy asi puedo ver mas de tus clases

[@XAUDERINO]

Gracias crack salvaste mi proyecto para unas horas mas :B

[@UchihaSasukeKrad]

Hola Nico! Perdona que llegue tan tarde, pero recién he llegado al canal y estoy haciendo maratón de videos tuyos, y sí, estoy ADICTO a ese "nuevo" teclado Corne. Quería pedir por favor, si es posible 'girar' la lista, para que el orden de los cursos sea en ASC en lugar de DESC. Muchas gracias y ENHORABUENA!

[@nicolasculotta8976]

Excelente explicacion!

[@ruffusjoe]

capo! perfecta explicación.

[@piperamirezc6270]

Buen video. 👍🏽

[@jonathan-4863]

gracias por el vídeo, muy bueno

[@wilberthGonzalezKOC]

Primer video que veo y ya te amo jajaja, muy buen video!

[@armandocastro6733]

Excelente Bro , Muy Buenos Videos .

[@razenkCL]

que hermosa explicacion, gracias por el video , me sirvio michisimo!

[@Mr_appo]

Muy bueno

[@PaauLxx]

Nuevo suscriptor, gracias por subir este tipo de contenido!

[@AxelMonsalve]

Gracias compa!!

[@Cristian201108]

Hola Hola mundo como estas?, te sigo desde Argentina, muy buenos tus videos los veo siempre. Queria hacerte una consulta, que libro me recomendas para empezar a estudiar Javascript, cualquier dato agradecido, saludos

[@devve7]

Muy claro, muy bien explicado. Excelente Nota: Perro y Gato no son razas ;-)

[@joaquinel]

Es JS. Es la forma abreviada de poner raza = perro.generico ja

[@marioyanez1883]

Que buen curso!! Sería bueno que hicieras un curso de cero a experto de react native creando un proyecto real con las actualizaciones que ha tenido este lenguaje.

[@brynzech]

Genial, vale!

[@oscartic]

Hola Nicolás! Muy buenos videos, son un excelente aporte! Estoy siguiendo varios de tus cursos en udemy y la verdad todo 1A. Sería genial si pudieras actualizar el de Node. Saludos

[@HolaMundoDev]

Esta semana estaré actualizando el de react native y el de node :)

[@sandroguinet2577]

Deberias hacer un video acerca de las arrows functions

[@carlosfranco8377]

grande misterChip!!

[@HolaMundoDev]

Weoooooon la wea vieja mister chip!! 😂

[@undefined088]

Hola Nico, muy buena saga de videos! Consulta, qué distro Linux y editor de texto utilizás? Gracias!

[@alejandroriosrodriguez4525]

No necesite saber nada de javascript para entender todo lo que hiciste, me imagino la función filter como un método de selección de objetos haciendo un símil con programación orientada a objetos. Un saludo. 👋

[@rbascu84]

asimov, muy bien

[@victoriacoronel8636]

veo muuuy chiquito el codigo, me vendría genial un poquito más aumentado. Gracias por tus videos!

[@igorv8747]

buena ayuda. Podrias dar unos tips para que vim se vea asi :)

[@vaponte1000]

Me gustaría que explicaran el método filter pero llamando a la data y no teniéndola en el mismo main, ya que siento que al llamarla es mas complicado.

[@gianmarcogaris2594]

Hola, excelente explicación. En los cursos de udemy cuál sería el orden? Primero reactjs y despues react native?

[@WhileTrueThenDream]

Wow ahora veo este video y no te reconocía. Jejeje. ;-)

[@sebastiansalazar5757]

Nico! podrías hacer un video de la configuración en el editor de texto que ocupas! Si no me equivoco ocupas Vim cierto?

[@HolaMundoDev]

Hola! Si ocupo vim. Esta en mi lista de pendientes pero no tengo un ETA aún para el :(

[@HolaMundoDev]

Hola sebastian, estoy terminando un curso sobre vim en udemy que será gratuito por un tiempo. Lo anunciaré por acá en youtube.

[@sebastiansalazar5757]

@@HolaMundoDev excelente, estaré atento!!! Gracias Nico!!

[@marcosmedina4828]

Hola excelente tus videos, una consulta, tenes pensado hacer algún master desde cero a experto que contenga javascript, react, redux, mongodb y node, todo en uno?

[@JoseFernandezM]

Nicolas, cual es el teclado que usas en este video? PD ya vi tu video de armar teclado y mejor teclado para programar pero ese sonido hace que quiera programar mas entonces quiero oirlo en el mio es decir quiero uno.

[@manueljesustenoriosilva1092]

Hola crack, me gustaria saber que libro de JavaScript me recomiendas leer para ser especialista en ello....

[@nachocardona3]

Excelente canal, me podrían recomendar uno igual donde expliquen como programar en Python jeje, Gracias por los videos...

[@thethinkend]

Jose, como estas? Te recomiendo los apuntes de Majo! losapuntesdemajo.now.sh/

[@DerSarco]

Profe, consulta, al hacer un filter vs recorrer en un loop ya sea for o lo que sea, es mas lento?, me cabe la duda ya que vi en otros videos que no era recomendado usar filter por su lentitud, pero me cabe la duda.

[@paullazcano2077]

Que raro verte sin barbaaaa

[@maritocabrera]

Nooo sos vos Nico?! Jajaja, conocí tus videos viéndote como un vikingo no tenía esta faceta pelada y sin barba tuya jajaj... Geniooo

[@augustoalejandroreynadelag8504]

se puede hacer filter con 2 condiciones ? por ejemplo si quisiera Perros mayores a 3 años

[@caespinoza]

uno puede mezclar programación orientada a objetos con programación funcional?

[@Angelosedler]

Hola! con el filter puedo crear un nuevo array que contenga solamente las razas? ej. [perro, perro, gato]

[@nestorramirez853]

Pusiste la lista de reproducción de al revés!!!!

[@gabrielcid6351]

Buenos videos! Donde consigo alguno de esos teclados de la intro? algún dato? :o

[@HolaMundoDev]

Hola! El masterkeys pro S lo compre por Amazon, el Anne pro 2 lo compre usado pero lo puedes encontrar en AliExpress o banggood

[@miguelangelbustostejador271]

quiero comprar casi todos los cursos en udemy pero me aparecen a 80 dolares, como hago ´para que me aplique el descuento y queden a 10 dolares. gracias de antemano me encanta el canal!

[@JSonJohan]

Es como filtrar en Excel :)

[@elsebas1010]

Como filtro dos arreglos distintos solamente usando filter?

[@1000tonlucho]

El orden de la lista de reproduccion esta invertido

[@albertoornelas8697]

Que editor de texto usas?. Se mira muy amigable

[@HolaMundoDev]

Vim :)

[@albertoornelas8697]

@@HolaMundoDev Gracias saludos desde México!

[@UisEe2607]

Cual es el ide que se usa?

[@MissileBoy]

No me gustó, así que le di click en me gusta y me suscribí.

[@cutiko]

¿Tiene que ser pura? Si le quisiera modificar un dato al objeto, añadirle un timestamp ¿Se modifica la referencia?

[@HolaMundoDev]

No es necesario que sea pura, sin embargo en este canal preferimos seguir las bases funcionales :)

[@cutiko]

@@HolaMundoDev en este developer las multiples personalidades que convivimos preferimos seguir las reglas de la anarquia