2

Tengo el siguiente array de amigos:

friends = [
  {id: 1, name: "uSUARIO2", username: "usuario1"},
  {id: 2, name: "uSUARIO2", username: "usuario1"},
  {id: 3, name: "uSUARIO3", username: "usuario1"},
  {id: 4, name: "uSUARIO4", username: "usuario1"}
];

Y este array de followings

followings = [
  {id: 1, name: "uSUARIO1", username: "usuario1"},
  {id: 2, name: "uSUARIO2", username: "usuario1"},
];

Necesito eliminar los elementos del array de amigos que sean iguales al array de following, he realizado varios intentos pero sin éxito todavía. Por ahora tengo:

filterFriendsFollowing() {
   let amigos_filtrados = this.friends.filter(
      (friend) => {
        for (let following of this.followings) {
          return following['id'] == friend['id'];
        }
    })
  }

Como puedo realizar el filtro correctamente?

2
  • ¿Solo se debe considerar el id, o también el resto de propiedades?
    – Davlio
    Commented el 31 ene. 2018 a las 1:15
  • @Davlio solo el Id
    – Carmoreno
    Commented el 31 ene. 2018 a las 1:28

2 respuestas 2

2

Debería filtrar cuando por cada friendo no hay un following correspondiente. Acá te dejo un snippet un poco más optimo, espero que te sirva:

let friends = [
  {id: 1, name: "uSUARIO2", username: "usuario1"},
  {id: 2, name: "uSUARIO2", username: "usuario1"},
  {id: 3, name: "uSUARIO3", username: "usuario1"},
  {id: 4, name: "uSUARIO4", username: "usuario1"}
];

let followings = [
  {id: 1, name: "uSUARIO1", username: "usuario1"},
  {id: 2, name: "uSUARIO2", username: "usuario1"},
];

let amigos_filtrados = friends.filter(
  (friend) => {
    let ok = true;
    for (let i = 0; i < followings.length && ok; i++) { // Corta cuando no hay mas following o cuando ya se encontró uno
      let following = followings[i];
      if (following['id'] == friend['id'])
        ok = false;
    }
    return ok;
})

console.log(amigos_filtrados);

1
    filterFriendsFollowing() {
        let amigos_filtrados = this.friends.filter(friend=>{
           let res = this.followings.find((following)=>{
            return following.id == friend.id;
            });
         return res == undefined;
         });
      }

Se usa la función filter() en el arreglo friends,eso permitirá crear el arreglo buscado. Dentro de la función filter, se usa la función find() en el arreglo followings. La función find() devuelve la primera ocurrencia del elemento buscado, si no lo encuentra devuelve undefined, en este caso , la condición será following.id == friend.id; luego, para la función filter(), se evalúa la variable res; si es igual a undefined significa que no se encontró el objeto friend dentro del arreglo followings y por lo tanto cumple la condición y se retorna en el nuevo arreglo.

7
  • ¿Puedes explicar un poco su funcionamiento?
    – Carmoreno
    Commented el 31 ene. 2018 a las 1:32
  • 1
    Se usa la función filter() en el arreglo friends,eso permitirá crear el arreglo buscado. Dentro de la función filter,para elemento following, se usa la función find() en el arreglo followings. La función find() devuelve la primera ocurrencia del elemento buscado, si no lo encuentra devuelve undefined, en este caso , la condición será following.id == friend.id; luego, para la función filter(), se evalúa la variable res; si es igual a undefined significa que no se encontró el objeto friend dentro del arreglo followings y por lo tanto cumple la condición y se retorna en el nuevo arreglo.
    – Lobos
    Commented el 31 ene. 2018 a las 2:08
  • no me dan reputación, ya debeías de saberlo, así es más facil de ver que buscarlo en los comentarios Commented el 31 ene. 2018 a las 3:58
  • Soy consciente, si hubiera sido yo lo hubiera detectado el sistema, tal vez es un buen tema a tratar en el meta, en que casos modificar la respuesta. Yo pienso que si le ahorra tiempo y esfuerzo a alguien en busca de respuestas vale la pena. Commented el 31 ene. 2018 a las 4:14
  • @Dev.Joel he preguntado en el meta, por favor incluye tu opinión, sería mu importante para mí es.meta.stackoverflow.com/questions/3109/… Commented el 31 ene. 2018 a las 5:13

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.