Playground - Modifica el prototype de los arrays

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•

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

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 💚

. . .

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???

Playground - Modifica el prototype de los arrays

¡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

Playground - Modifica el prototype de los arrays

Playground - Crea un auto usando clases

Día 18

Abstracción en JavaScript

Playground - Sistema de carrito de compras

Encapsulamiento en JavaScript

Playground - Encapsula datos de los usuarios