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.
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)
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.
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
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.
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.
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!
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
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
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.
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. 👋
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?
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.
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.
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!
9:29 .filter() Crear una COPIA de un ARRAY EXISTENTE dependiendo de la CONDICIÓN de una FUNCIÓN (FILTRAR array) .filter() hace lo siguiente: 1) Itera (recorre) el array. 2) Crea (copia) un nuevo array2 a partir de uno existente array1. 3) Elimina en el array2 copiado los elementos del array1 que NO cumplen con la condicion de la funcion return, SOLAMENTE agrega al array2 los elementos para los cuales la condicion retorna true (se cumple la condicion), .filter() FILTRA los elementos de un array. 4) Si ningun elemento del array cumple con la condicion de la funcion, entonces .filter() devuelve un array vacio [] 5) .filter() Devuelve un NUEVO array2 que NO modifica el array1 original, .filter() es INMUTABLE 6) (array1.length = array2.length) O (array2.length < array1.length) El numero de elementos .length del array1 original y la copia array2 puede ser el MISMO O la copia array2 puede tener MENOS elementos q el array1 original
siempre que corre la intro en mi mente escucho: el cielo resplandece a mi alrededorrrr jajaja excelentes videos!
jajajajaja
NUevos suscriptor.. habìa visto tus videos antes, pero hoy me suscribo.. yyy sigamosssssss adelante.. gracias desde Venezuela (03/04/2023)😀😀😀😀😀
eres lo máximo, con este video logre resolver un ejercicio que me enviaron.
I love you
wow tremendo el cambio en 3 años, felicitaciones chanchito feliz
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.
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
que hermoso ningun curso te brinda esta informacion tan completa me suscribo.
Excelente. estas series son muy útiles para quienes estamos iniciando en javascript.. Gracias desde Venezuela (02/02/2021)
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)
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!
playList.sort()
si tan solo hubiese visto este video el viernes pasado cuando lo necesitaba jaja, las cosas de la vida, buen video man
Muy claro!! Gracias bro... fetch y sus propiedades seria un buen video! Saludos
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.
hola buen vídeo me gusta la información que presentas , soy Venezolano en Colombia
Muy bueno Nicolas, super claro y profesional tu trabajo, muchas gracias.
Hola, estoy comenzando a aprender el manejo de JSON y este metodo aplico perfectamente a el , gracias!
Un crack el nico, se aprende bastante con estos tutoriales
Gracias! Muy claro! Me sirvió para mi proyecto!
Esto acaba de despejarme un montón de dudas. ¡Gracias!
Muchisimas gracias por hacer videos como estos, me has ayudado tanto a entender muchas cosas.
De las mejores y más claras explicaciones que he visto! Gracias por la clase
estoy viendo todos tus vídeos me encanta estoy viendo que cursos tienes en udemy asi puedo ver mas de tus clases
tremendo maestro que acabo de conocer el dia de hoy, gracias por su dedicación
excelente didáctica para explicar!!!
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
gracias por aclarar que el segundo array se componía de objetos, por un momento pensé que nunca lo dirías
Me ayudo muchísimo, muchas gracias!
muy bien explicado, claro y conciso. Excelente
Muy bien explicado, gracias
Primer video que veo y ya te amo jajaja, muy buen video!
Excelente, me aclaró mucho el uso de filter
Ojala algún día, pueda lograrlo, seguiré insistiendo, gracias por la info!!
Tu dale, y un dia va a suceder carnal
Muy claro! Gracias por la explicación
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.
Muy buena explicación
Muy clara la explicación. Gracias!
buenas esta bueno y entendi el ejemplo , gracias
Excelente! Mil gracias!!
Imposible mejor explicado, buenisimo
Buenisima explicacion!! gracias
explicas muy bien! felicidades y gracias por el aporte a la comunidad js
Super bien explicado! Muchas gracias :)
Gracias crack salvaste mi proyecto para unas horas mas :B
Buenísimo!!! Súper fan jaja
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.
Gracias Nicolas!!!!
Excelente explicación! 👍
Excelente Bro , Muy Buenos Videos .
Nuevo suscriptor, gracias por subir este tipo de contenido!
Una gran diferencia entre este video y ahora
gracias por el vídeo, muy bueno
que hermosa explicacion, gracias por el video , me sirvio michisimo!
Que buen vídeo amigo
Muy bien explicado
Eres un Crack 👏
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!
Excelente explicacion!
Muy claro, muy bien explicado. Excelente
Nota: Perro y Gato no son razas ;-)
Es JS. Es la forma abreviada de poner raza = perro.generico
ja
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
Esta semana estaré actualizando el de react native y el de node :)
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
capo! perfecta explicación.
Buen video. 👍🏽
Gran video
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.
Deberias hacer un video acerca de las arrows functions
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
Genial Profe
Maravilloso
Wow ahora veo este video y no te reconocía. Jejeje. ;-)
buena ayuda. Podrias dar unos tips para que vim se vea asi :)
se puede hacer filter con 2 condiciones ? por ejemplo si quisiera Perros mayores a 3 años
veo muuuy chiquito el codigo, me vendría genial un poquito más aumentado. Gracias por tus videos!
Hola crack, me gustaria saber que libro de JavaScript me recomiendas leer para ser especialista en ello....
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. 👋
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.
Gracias compa!!
Hola Nico, muy buena saga de videos! Consulta, qué distro Linux y editor de texto utilizás? Gracias!
grande misterChip!!
Weoooooon la wea vieja mister chip!! 😂
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?
Que raro verte sin barbaaaa
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.
uno puede mezclar programación orientada a objetos con programación funcional?
Hola, excelente explicación. En los cursos de udemy cuál sería el orden? Primero reactjs y despues react native?
Hola buenas!
cómo sería si raza: null
y quiero mostrar todo menos la raza porque es null ?
Como filtro dos arreglos distintos solamente usando filter?
Genial, vale!
Nico! podrías hacer un video de la configuración en el editor de texto que ocupas! Si no me equivoco ocupas Vim cierto?
Hola! Si ocupo vim. Esta en mi lista de pendientes pero no tengo un ETA aún para el :(
Hola sebastian, estoy terminando un curso sobre vim en udemy que será gratuito por un tiempo. Lo anunciaré por acá en youtube.
@@HolaMundoDev excelente, estaré atento!!! Gracias Nico!!
Muy bueno
Hola! con el filter puedo crear un nuevo array que contenga solamente las razas? ej. [perro, perro, gato]
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.
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!
Cual es el ide que se usa?
Excelente canal, me podrían recomendar uno igual donde expliquen como programar en Python jeje, Gracias por los videos...
Jose, como estas? Te recomiendo los apuntes de Majo! losapuntesdemajo.now.sh/
asimov, muy bien
Cómo filtro por posiciones? No encuentro como hacerlo xc
El orden de la lista de reproduccion esta invertido
¿Tiene que ser pura? Si le quisiera modificar un dato al objeto, añadirle un timestamp ¿Se modifica la referencia?
No es necesario que sea pura, sin embargo en este canal preferimos seguir las bases funcionales :)
@@HolaMundoDev en este developer las multiples personalidades que convivimos preferimos seguir las reglas de la anarquia
Pusiste la lista de reproducción de al revés!!!!
Buenos videos!
Donde consigo alguno de esos teclados de la intro? algún dato? :o
Hola! El masterkeys pro S lo compre por Amazon, el Anne pro 2 lo compre usado pero lo puedes encontrar en AliExpress o banggood
9:29 .filter() Crear una COPIA de un ARRAY EXISTENTE dependiendo de la CONDICIÓN de una FUNCIÓN (FILTRAR array)
.filter() hace lo siguiente:
1) Itera (recorre) el array.
2) Crea (copia) un nuevo array2 a partir de uno existente array1.
3) Elimina en el array2 copiado los elementos del array1 que NO cumplen con la condicion de la funcion return, SOLAMENTE agrega al array2 los elementos para los cuales la condicion retorna true (se cumple la condicion), .filter() FILTRA los elementos de un array.
4) Si ningun elemento del array cumple con la condicion de la funcion, entonces .filter() devuelve un array vacio []
5) .filter() Devuelve un NUEVO array2 que NO modifica el array1 original, .filter() es INMUTABLE
6) (array1.length = array2.length) O (array2.length < array1.length)
El numero de elementos .length del array1 original y la copia array2 puede ser el MISMO O la copia array2 puede tener MENOS elementos q el array1 original