Playground - Modifica el prototype de los arrays

Cursos Empresas Blog Live Conf Precios

Contenido del curso

¡Te damos la bienvenida a este reto!

1
¡Bienvenido al mundo de JavaScript!
01:33 min

Día 1

Día 2

Día 3

Día 4

Día 5 - Checkpoint

20
Playground - encuentra el palindromo más grande

Día 6

Día 7

Día 8

Día 9

Día 10 - Checkpoint

Día 11

Día 12

Día 13

Día 14

Día 15 - Checkpoint

50
Playground - Sistema de reservaciones de un hotel

Día 16

Día 17

Día 18

Día 19

Día 20 - Checkpoint

65
Playground - Agenda de vuelos

Día 21

Día 22

Día 23

Día 24 - Checkpoint

77
Playground - Crea un task manager con patrones de diseño

Día 25

Día 26

Día 27

Día 28

Día 29

Día 30

93
¡Lo lograste!
01:41 min

Live Class

Tomar examen

Playground - Modifica el prototype de los arrays

Comentarios

Harold Zurita Simon

student

Solución… 😄 . Para el reto agregamos el nuevo método myFilter al prototype del Array, creando una función con un callback pasado como parámetro. . Algo interesante es que no se puede crear usando una función flecha como: (callback) => { // etc }. Porque más adelante la palabra clave this en una arrow function hace referencia al contexto en el que se definió la función, en lugar de al objeto Array al que se está aplicando el método. . Creamos un array filtrado vacío. Recorremos el Array comparando sus elementos con el callback y si cumple lo añadimos al array filtrado. . Retornamos el array filtrado. .

export function arrayModified() {
  Array.prototype.myFilter = function (callback) {
    let filtered = [];
    for (let i = 0; i < this.length; i++) {
      if (callback(this[i])) {
        filtered.push(this[i]);
      }
    }
    return filtered;
  };
}

David Higuera

student

!placeholder

export function arrayModified() {
  // Tu código aquí 👈
  Array.prototype.myFilter = function (callback) {

    const output = []

    for (const x of this) 
      if (callback(x) === true) output.push(x)    

    return output

  }

}

Benjamin Rodriguez

student

🛡️Escudo anti-spoilers🛡️

Mi codigo:

export function arrayModified() {
  Array.prototype.myFilter = function (func) {
    const res = []
    for (const element of this) {
      if (func(element))
        res.push(element)
    }
    return res
  }
}

Frandel Corporan Rodríguez

student

falle muchisimo 😥

export function arrayModified() {
  Array.prototype.myFilter = function (callback) {
    let newArray = [];
    for (let i = 0; i < this.length; i++) {
      if (callback(this[i])) {
        newArray[newArray.length] = this[i]
      }
    }
    return newArray;
  };
}

Nicolás Felipe Pinto Vega

student

Muchas gracias por tu solución. Yo lo solucioné con el método push pero quería ver una solución que no lo utilizara para agregar el elemento filtrado.

Orlando Sánchez

student

Te felicito, hasta el momento habias sido el unico que publico que realmente cumplió con todos los test.

Esteban Alzate Atehortua

student

Hay un pequeño bug al hacer la prueba, si la haces mas de una vez te toma como si estuvieras usando métodos de Arrays para hacer el desafio. Supongo que es gracias a que el emulador de las pruebas agrega tu método y si lo vuelves a intentar ya lo toma como un método que venia.

Así que cada vez que vayan a hacer una nueva prueba, guarden su codigo, recarguen la pagina y vuelvanlo a intentar.

Osvaldo Martinez Guillen

student

Mi solcución:

export function arrayModified() {
  Array.prototype.myFilter = function (funcion) {
    let arrayMap = [];
    for (let prop of this) {
      funcion(prop) ? arrayMap.push(prop) : prop;
    }
    return arrayMap;
  }
}

Carina Payleman

student

. . . . . .

export function arrayModified() {
    Array.prototype.myFilter = function (callback) {
      const filteredArray = [];
      for (let i of this) {
        if (callback(i)) {
          filteredArray.push(i);
        }
      }
      return filteredArray;
    }
}

Joan Alexander Valerio Rodríguez

student

Con pocas lineas de código se puede resolver este Challenge, solo hay que pensar un poquito mas

Andrés Soret Chacin

student

My solution 👇

Array.prototype.myFilter = function (callback) {
    const filteredArray = [];

    for (let i = 0; i < this.length; i++) {
      const element = this[i];

      if (callback(element)) {
        filteredArray.push(element);
      }
    }

    return filteredArray;
  }

Marco Antonio Urquidi Espada

student

comparto mi solucion pero se me dificulto mucho por el uso de this y ademas no podia probar en consola sin instanciar la funcion arrayModified, ya que directamente no funciona.

export function arrayModified() {
 
  Array.prototype.myFilter = function (fun) {
    let rta = [];
    for (let index = 0; index < this.length; index++) {
      const element = this[index];
      if (fun(element)) {
        rta.push(element);
      }
    }
    return rta;
  }
}

Leonardo de los angeles Espinoza Hernandez

student

Hola! Como consejo, para probarlo en la consola no tenías que acceder a la función, sino que, directamente a array,myFilter y probar los cambios :D

Christopher Armando Jiménez Valverde

student

#LeoCode0 me paso lo mismo de la función, si no se puede utilizar la función, que sentido tiene realizar la prueba de esa manera? saludos

Andres Felipe Torres

student

Esta es la implementación interna de lo que probablemente hace el método de los arrays filter. Interesante ejercicio el poder agregar un método nuevo a los prototypes.

export function arrayModified() {

  Array.prototype.myFilter = function (func) {
    let newArray = [];
    this.forEach((element) => {
      if (func(element)) {
        newArray.push(element);
      }
    });
    return newArray;
  };
}

Pablo Torres Pérez

student

Solución con una comprobación extra por si no pasan una función. No es que no confíe en @LeoCode0 jejeje

. . . . . . . . . . . . . . . . . .

export function arrayModified() {
  Array.prototype.myFilter = function (callback) {
    if (typeof callback !== 'function') {
      throw new TypeError('El argumento proporcionado no es una función');
    }

    const newArray = [];
	// Evita calcular en cada bucle
    const length = this.length;

    for (let i = 0; i < length; i++) {
      if (i in this) {
        const element = this[i];
// Se agregan argumentos para mejorar el contexto en caso de ser necesario o si se requiere utilizarlos.
        if (callback(element, i, this)) {
          newArray.push(element);
        }
      }
    }

    return newArray;
  };
}

Leonardo de los angeles Espinoza Hernandez

student

Bien pensado... Haré iteraciones en los desafíos para que tengan que poner validaciones por si les pasamos cosas raras 👀

Gracias por la idea 🚀

Harrison Steve Pinzón Neira

student

Solución al desafio :D :

David Ochoa

student

🛡️🛡️🛡️Escudo anti spoilers🛡️🛡️🛡️

Modifica el prototype de los arrays

!Spoiler Shield

export function arrayModified() {
  // Tu código aquí 👈
  function myFilter(callback) {
    const filterArray = [];
    for (let elem of this) {
      if (callback(elem)) {
        filterArray.push(elem);
      }
    }
    return filterArray;
  }
  Array.prototype.myFilter = myFilter;
}

Fabrizio López

student

Aquí mi solución, traté de implementarla de la misma manera que indica la documentación del método Filter, lo que no he sabido implementar es el argumento opcional "thisArg". . . . . . . . . . . . . . . . . .

export function arrayModified() {
  // Tu código aquí 👈
  Array.prototype.myFilter = function (callback) {
    const filteredArray = [];
    for (let i = 0; i < this.length; i ++){
      const result = callback(this[i], i, this);
      if (result) filteredArray.push(this[i]);
    }
    return filteredArray;
  }
}

Yerson Garza

student

export function arrayModified() {
  Array.prototype.myFilter = function (callback) {
    const filteredArr = [];
    for (let i = 0; i < this.length; i++) {
      if (callback(this[i], i, this)) {
        filteredArr.push(this[i]);
      }
    }
    return filteredArr;
  }
}

Rubén Hernández Hernández

student

Mi solución 💚 !Hero . . .

export function arrayModified() {
  Array.prototype.myFilter = function(func){
    let filtered = []
    for(const elem of this){
      if (func(elem)) 
        filtered.push(elem)
      
    }
    return filtered
  }
}

Pariksit Erikrsnan Ortiz Flores

student

export function arrayModified() {
  // Tu código aquí 👈
  Array.prototype.myFilter = function (theFunction) {
    let resultArray = [];
    let position = 0;
    for (let i = 0; i < this.length; i++) {
      if (theFunction(this[i])) {
        resultArray[position] = this[i];
        position++;
      }
    }
    return resultArray;
  };
}

Angel Javier Sanchez Tenjo

student

Hola.

✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅

export function arrayModified() {
  Array.prototype.myFilter = function (callbackFn) {
    const arrayFilter = [];

    this.forEach((element) => {
      if (callbackFn(element)) {
        arrayFilter.push(element);
      }
    });

    return arrayFilter;
  };
}

Duvan Alexis Palomino Ramirez

student

No corren las pruebas, sera que el simulador esta roto???

export function arrayModified() {
  Array.prototype.myFilter = function (callback) {
    let filtered = [];
    for (let i = 0; i < this.length; i++) {
      if (callback(this[i])) {
        filtered.push(this[i]);
      }
    }
    return filtered;
  };
}

export function arrayModified() {
  // Tu código aquí 👈
  Array.prototype.myFilter = function (callback) {

    const output = []

    for (const x of this) 
      if (callback(x) === true) output.push(x)    

    return output

  }

}

export function arrayModified() {
  Array.prototype.myFilter = function (func) {
    const res = []
    for (const element of this) {
      if (func(element))
        res.push(element)
    }
    return res
  }
}

export function arrayModified() {
  Array.prototype.myFilter = function (callback) {
    let newArray = [];
    for (let i = 0; i < this.length; i++) {
      if (callback(this[i])) {
        newArray[newArray.length] = this[i]
      }
    }
    return newArray;
  };
}

export function arrayModified() {
  Array.prototype.myFilter = function (funcion) {
    let arrayMap = [];
    for (let prop of this) {
      funcion(prop) ? arrayMap.push(prop) : prop;
    }
    return arrayMap;
  }
}

export function arrayModified() {
    Array.prototype.myFilter = function (callback) {
      const filteredArray = [];
      for (let i of this) {
        if (callback(i)) {
          filteredArray.push(i);
        }
      }
      return filteredArray;
    }
}

Array.prototype.myFilter = function (callback) {
    const filteredArray = [];

    for (let i = 0; i < this.length; i++) {
      const element = this[i];

      if (callback(element)) {
        filteredArray.push(element);
      }
    }

    return filteredArray;
  }

export function arrayModified() {
 
  Array.prototype.myFilter = function (fun) {
    let rta = [];
    for (let index = 0; index < this.length; index++) {
      const element = this[index];
      if (fun(element)) {
        rta.push(element);
      }
    }
    return rta;
  }
}

export function arrayModified() {

  Array.prototype.myFilter = function (func) {
    let newArray = [];
    this.forEach((element) => {
      if (func(element)) {
        newArray.push(element);
      }
    });
    return newArray;
  };
}

export function arrayModified() {
  Array.prototype.myFilter = function (callback) {
    if (typeof callback !== 'function') {
      throw new TypeError('El argumento proporcionado no es una función');
    }

    const newArray = [];
	// Evita calcular en cada bucle
    const length = this.length;

    for (let i = 0; i < length; i++) {
      if (i in this) {
        const element = this[i];
// Se agregan argumentos para mejorar el contexto en caso de ser necesario o si se requiere utilizarlos.
        if (callback(element, i, this)) {
          newArray.push(element);
        }
      }
    }

    return newArray;
  };
}

export function arrayModified() {
  // Tu código aquí 👈
  function myFilter(callback) {
    const filterArray = [];
    for (let elem of this) {
      if (callback(elem)) {
        filterArray.push(elem);
      }
    }
    return filterArray;
  }
  Array.prototype.myFilter = myFilter;
}

export function arrayModified() {
  // Tu código aquí 👈
  Array.prototype.myFilter = function (callback) {
    const filteredArray = [];
    for (let i = 0; i < this.length; i ++){
      const result = callback(this[i], i, this);
      if (result) filteredArray.push(this[i]);
    }
    return filteredArray;
  }
}

export function arrayModified() {
  Array.prototype.myFilter = function (callback) {
    const filteredArr = [];
    for (let i = 0; i < this.length; i++) {
      if (callback(this[i], i, this)) {
        filteredArr.push(this[i]);
      }
    }
    return filteredArr;
  }
}

export function arrayModified() {
  Array.prototype.myFilter = function(func){
    let filtered = []
    for(const elem of this){
      if (func(elem)) 
        filtered.push(elem)
      
    }
    return filtered
  }
}

export function arrayModified() {
  // Tu código aquí 👈
  Array.prototype.myFilter = function (theFunction) {
    let resultArray = [];
    let position = 0;
    for (let i = 0; i < this.length; i++) {
      if (theFunction(this[i])) {
        resultArray[position] = this[i];
        position++;
      }
    }
    return resultArray;
  };
}

export function arrayModified() {
  Array.prototype.myFilter = function (callbackFn) {
    const arrayFilter = [];

    this.forEach((element) => {
      if (callbackFn(element)) {
        arrayFilter.push(element);
      }
    });

    return arrayFilter;
  };
}

¡Te damos la bienvenida a este reto!

¡Bienvenido al mundo de JavaScript!

Día 1

Variables, funciones y sintaxis básica

Tipos de datos

Playground - Retorna el tipo

Tipos de datos - pt 2

Día 2

Operadores

Hoisting y coerción

Playground - Calcula la propina

Alcance de las variables

Día 3

Condicionales

Playground - Calcula años bisiestos

Switch

Playground - Obten información de mascotas según su tipo

Ciclos

Playground - Dibuja un triangulo

Día 4

Arrays

Playground - Encuentra al michi mas famoso

Objetos

Playground - Obten el promedio de los estudiantes

Día 5 - Checkpoint

Playground - encuentra el palindromo más grande

Día 6

Reasignación y redeclaración

Modo estricto

Día 7

Debugging y manejo de errores

Programación funcional

Día 8

Closures

Playground - Crea una calculadora con closures

Higher order functions

Playground - Crea tu propio método map

Día 9

ECMAScript

TC39

Día 10 - Checkpoint

ES6

ES7

Playground - Task planner

Día 11

Asincronismo

Playground - Promesas

Manejando el asincronismo

Playground - Resuelve el callback hell usando promesas

Playground - Resuelve el callback hell usando async/await

Día 12

Arrays a profundidad

Métodos de arrays: Every, Find y findIndex

Playground - Válida el formulario

Día 13

Métodos de arrays: Includes, Join y concat

Playground - agrupa los productos

Métodos de arrays: Flat y FlatMap

Playground - Encuentra la ubicación del valor buscado

Día 14

Mutable functions

Playground - Modifica una lista de compras

Métodos de arrays: sort

Playground - Ordena los productos

Día 15 - Checkpoint

Playground - Sistema de reservaciones de un hotel

Día 16

Programación orientada a objetos en JavaScript

Objetos literales

Playground - Congela el objeto recursivamente

Día 17

Prototipos en JavaScript