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)
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.
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 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 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!
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 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
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?
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!
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.
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
![I.N "HALLUCINATION" | [Stray Kids : SKZ-PLAYER]](http://i.ytimg.com/vi/n5B5q1Hwt_U/mqdefault.jpg)
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)😀😀😀😀😀
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)
eres lo máximo, con este video logre resolver un ejercicio que me enviaron.
I love you
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.
Excelente. estas series son muy útiles para quienes estamos iniciando en javascript.. Gracias desde Venezuela (02/02/2021)
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 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.
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()
Muy claro!! Gracias bro... fetch y sus propiedades seria un buen video! Saludos
wow tremendo el cambio en 3 años, felicitaciones chanchito feliz
si tan solo hubiese visto este video el viernes pasado cuando lo necesitaba jaja, las cosas de la vida, buen video man
Muy bueno Nicolas, super claro y profesional tu trabajo, muchas gracias.
Un crack el nico, se aprende bastante con estos tutoriales
tremendo maestro que acabo de conocer el dia de hoy, gracias por su dedicación
De las mejores y más claras explicaciones que he visto! Gracias por la clase
Muchisimas gracias por hacer videos como estos, me has ayudado tanto a entender muchas cosas.
Esto acaba de despejarme un montón de dudas. ¡Gracias!
Gracias! Muy claro! Me sirvió para mi proyecto!
hola buen vídeo me gusta la información que presentas , soy Venezolano en Colombia
muy bien explicado, claro y conciso. Excelente
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, estoy comenzando a aprender el manejo de JSON y este metodo aplico perfectamente a el , gracias!
Ojala algún día, pueda lograrlo, seguiré insistiendo, gracias por la info!!
Tu dale, y un dia va a suceder carnal
gracias por aclarar que el segundo array se componía de objetos, por un momento pensé que nunca lo dirías
excelente didáctica para explicar!!!
Muy claro! Gracias por la explicación
Me ayudo muchísimo, muchas gracias!
Excelente, me aclaró mucho el uso de filter
Imposible mejor explicado, buenisimo
Muy bien explicado, gracias
estoy viendo todos tus vídeos me encanta estoy viendo que cursos tienes en udemy asi puedo ver mas de tus clases
Excelente! Mil gracias!!
Muy buena explicación
Primer video que veo y ya te amo jajaja, muy buen video!
Gracias Nicolas!!!!
Muy clara la explicación. Gracias!
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.
Gracias crack salvaste mi proyecto para unas horas mas :B
Buenisima explicacion!! gracias
Super bien explicado! Muchas gracias :)
Buenísimo!!! Súper fan jaja
explicas muy bien! felicidades y gracias por el aporte a la comunidad js
Eres un Crack 👏
Como filtro dos arreglos distintos solamente usando filter?
Muy bien explicado
Maravilloso
Excelente explicación! 👍
gracias por el vídeo, muy bueno
Que buen vídeo amigo
buenas esta bueno y entendi el ejemplo , gracias
Excelente Bro , Muy Buenos Videos .
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.
Nuevo suscriptor, gracias por subir este tipo de contenido!
capo! perfecta explicación.
Excelente explicacion!
se puede hacer filter con 2 condiciones ? por ejemplo si quisiera Perros mayores a 3 años
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 :)
Cual es el ide que se usa?
Genial Profe
Hola buenas!
cómo sería si raza: null
y quiero mostrar todo menos la raza porque es null ?
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!
que hermosa explicacion, gracias por el video , me sirvio michisimo!
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.
uno puede mezclar programación orientada a objetos con programación funcional?
Cómo filtro por posiciones? No encuentro como hacerlo xc
Gracias compa!!
Una gran diferencia entre este video y ahora
Genial, vale!
grande misterChip!!
Weoooooon la wea vieja mister chip!! 😂
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
Deberias hacer un video acerca de las arrows functions
Hola! con el filter puedo crear un nuevo array que contenga solamente las razas? ej. [perro, perro, gato]
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 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
Muy bueno
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
buena ayuda. Podrias dar unos tips para que vim se vea asi :)
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.
Hola crack, me gustaria saber que libro de JavaScript me recomiendas leer para ser especialista en ello....
asimov, muy bien
Wow ahora veo este video y no te reconocía. Jejeje. ;-)
Hola Nico, muy buena saga de videos! Consulta, qué distro Linux y editor de texto utilizás? Gracias!
veo muuuy chiquito el codigo, me vendría genial un poquito más aumentado. Gracias por tus videos!
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!!
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?
Hola, excelente explicación. En los cursos de udemy cuál sería el orden? Primero reactjs y despues react native?
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!
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.
Que raro verte sin barbaaaa
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/
¿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!!!!
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
Filter hace lo.mismo qye un stored procedure en SQL entonces....
El orden de la lista de reproduccion esta invertido