Contenido del curso
Playground - Crea tu propio método map
Leonardo de los angeles Espinoza Hernandez
Estudiante
Gilberto Espinoza Maciel
Estudiante
Frandel Corporan Rodríguez
Estudiante
Daniel Sebastián Rodríguez
Estudiante
Reynerio Hidalgo
Estudiante
Lucas Frazzetta
Estudiante
Maximiliano Santin
Estudiante
Rahiber Paradas
Estudiante
Isabelle de Souza
Estudiante
willmar fernando romero marin
Estudiante
David Ochoa
Estudiante
Carlos Mauricio Ospino Monsalve
Estudiante
Juan Camilo Noreña López
Estudiante
Sebastian David Exeni Cazón
Estudiante
Joan Alexander Valerio Rodríguez
Estudiante
Fernando Velasco
EstudianteFernando Velasco
Estudiante
Manuel Rincon
Estudiante
Ricardo Alfonso Chavez Vilcapoma
Estudiante
Cristian Canto Bueno
Estudiante
Harrison Steve Pinzón Neira
Estudiante
Berny Alejandro Orozco Córdoba
Estudiante
Pablo Perez
Estudiante
Julio Bastidas
Estudiante
Carina Payleman
Estudiante🛡️🛡️Escudo anti-spoilers🛡️🛡️
/ Aprovechando el espacio dejame explicarte un poquito más acerca de las funciones puras como es este caso, la definición es un poco curiosa:
Una función pura es aquella que dado el mismo input, tendremos el mismo output
En palabras sencillas, una función que no modifica el input. / Lo siguiente no es un spoiler así que puedes seguir leyendo. / imaginemos que la función myMap modifica nuestro array, de tal manera que siempre tendremos un resultado diferente. Ejemplo
const array = [1,2,3,4,5] myMap(array, (num) => num * 2) console.log(array) // Suponiendo que se modifica el array tendríamos [2,4,6,8,10] // Lo volvemos a ejecutar myMap(array, (num) => num * 2) // Teniendo el mismo input estamos obteniendo un diferente output console.log(array) // en este caso, ahora sería [4,8,12,16,20]
La ventaja de las funciones de orden superior es básicamente eso, que no modifican el input (el array en este caso). Por lo que esta HOF siempre nos dará el mismo resultado dado el mismo input
const array = [1,2,3,4,5] myMap(array, (num) => num * 2) // Si no modificamos el array, la función siempre nos retornará [2,4,6,8,10] console.log(array) // Al no modificar el array, nos dará siempre lo mismo [1,2,3,4,5] // Lo volvemos a ejecutar myMap(array, (num) => num * 2) // El resultado sigue siendo el mismo [2,4,6,8,10] // Teniendo el mismo input estamos obteniendo un mismo output console.log(array) // en este caso, sigue siendo [1,2,3,4,5] (conserva su estado)
Ahora sí, los spoilers aquí abajo !capibara and turtle
Explicación de la solución
Aquí el código de solución
function myMap(array, func) { // Creamos el array que retornaremos // Inicialmente está vacío const rta = []; for (let i = 0; i < array.length; i++) { // Luego iteramos por cada elemento del array const element = array[i]; // Y lo vamos pasando al array vacío después de ejecutar // la función sobre cada elemento del array rta.push(func(element)); // Es importante recalcar que en ningún momento modificamos el array original } // Al final lo retornamos return rta; }
Y listo! Un par de lineas para resolver este ejercicio ¿Cómo te fue a ti?
Me inspira que la diferencia entre tu código y el mío es que yo uso result = [] y tu rta = []. Es bueno saber que voy por el sendero que yo quiero aunque no tan rápido cómo quisiera.
aqui lo mismo pero simplificado
function myMap(array, func) { let newArray = [] for (let arr of array) newArray.push(func(arr)) return newArray }
Anti Spoiler
Anti Spoiler
Anti Spoiler
Anti Spoiler
Anti Spoiler
Anti Spoiler
Mi solución
Utilizo un ciclo for para recorrer desde la posición 0 hasta la última posición del arreglo y en cada iteración ejecuto la función que llegó como parámetro y la guardo dentro de la posición correspondiente
export function myMap(array, func) { let nuevoArray = array for (let i = 0; i < nuevoArray.length; i++){ nuevoArray[i] = func(nuevoArray[i]) } return nuevoArray }
**Alerta de spoiler **
export function myMap(array, func) { let arreglo = []; for (let i = 0; i < array.length; i++){ arreglo[i] = func(array[i]); } return arreglo; }
Pensé que me iba a costar mucho pero pude hacerlo rápido :) Dejo mi solución . . . . . . . . . . . .
export function myMap(array, func) { // Tu código aquí 👈 let newArray = []; for (let i = 0; i < array.length; i++) { const newElement = func(array[i]); newArray.push(newElement); } return newArray; }
El objetivo de este desafío es crear una función myMap que recibe un array y una función, y devuelve un nuevo array con los elementos transformados por la función.
Para lograr esto, se puede utilizar una función de orden superior, en este caso reduce, para iterar sobre el array original y aplicar la función a cada elemento. En cada iteración, se puede agregar el resultado de la función transformada a un nuevo array que se devolverá al final.
Aquí está una posible solución:
export function myMap(array, func) { return array.reduce((acc, curr) => { acc.push(func(curr)); return acc; }, []); }
En esta solución, la función reduce se utiliza para iterar sobre el array original y aplicar la función func a cada elemento. En cada iteración, se agrega el resultado de la función transformada al array acc, que se inicializa como un array vacío []. Al final de la iteración, reduce devuelve el array acc, que contiene los elementos transformados.
que interesante solucion
gracias! me encanto la solucion
.
🛡️🛡️🛡️Escudo anti spoilers🛡️🛡️🛡️
Crea tu propio método map
!Spoiler Shield
export function myMap(array, func) { // Tu código aquí 👈 let result = []; for (let element of array) { result.push(func(element)); } return result; } console.log(myMap([1, 2, 3, 4], (num) => num * 2)); console.log( myMap( [ { name: "michi", age: 2 }, { name: "firulais", age: 6 }, ], (pet) => pet.name ) );
Mi solución, sin uso de metodos del Array, y funciona en Arrays de multiples dimensiones. Puro código vanilla.
export function myMap(array, func) { let newList = []; for ( let position = 0; position < array.length; position++){ const element = array[position]; if (func(element)){ newList[position] = func(element); continue; } newList[position] = myMap(element, func); } return newList; }
Genial! siempre quise saber como funcionaba .map
Mi solución xD:
export function myMap(array, func) { // Tu código aquí 👈 let newArray = []; array.forEach(elemento => newArray.push(func(elemento))); return newArray; }
Anti-Spoiller Esta fue mi solución :)
Mi solución:
export function myMap(array, func) { array.forEach((value, i, arr) => { arr[i] = func(value); }); return array; }
Un simple for sobre el mismo array o for-of loop hubiera sido suficiente y más eficiente, pero al menos ahora conozco otros usos de la función forEach().
OJO, si bien esta solución pasa las pruebas, no cumple con el concepto de High Order Function, al modificar el mismo array se crea un closure, por lo que si vuelves a ejecutarlo la función del parámetro se aplica otra vez sobre los elementos previamente modificados.
Podrían añadir una prueba más para ejecutar la función más de una vez y que siempre retorne el mismo resultado.
buen día; les comparto mi solución
function myMap(array, func) { const newArray = []; for (let i = 0; i < array.length; i++) { let resp = (func(array[i])); newArray.push(resp); }; return newArray; }
ALTO AHÍ, NO TE SPOILEES
PERO YA QUE INSISTES 🤷♂️
function myMap(array, func) { let arrayMap = []; for (let element of array) { arrayMap.push(func(element)); } return arrayMap; }``` Fue el más fácil luego del ejercicio de retornar el typeof 😅
Bueno debo confesar que me costo pero la satisfacción es muy grande cuando lo consigues desarrollar.
Solución ! . . . . . . . . .
Es extraño, ni siquiera la propia solución propuesta pasa la quinta prueba
Mi solución: 👀 👀 👀 👀 👀 👀
export function myMap2(array, func) { const newArray = [] array.forEach(e=>newArray.push(func(e))) return newArray }
export function myMap(array, func) { // Tu código aquí 👈 let nuevoArray = []; array.forEach(item => { nuevoArray.push(func(item)); }); return nuevoArray; }
export function myMap(array, func) { let output = []; for (let i of array) { output.push(func(i)); } return output; }
