2

Estou tentando retornar os objetos de acordo com o id dos generos mas esta sendo retornado um array vazio

var filmes = [
    {
    title: 'Primeiro Filme',
    genres: [
        {
        id: 10
      },
      {
        id: 15
      },
      {
        id: 21
      }
    ]
  },
  {
    title: 'Segundo Filme',
    genres: [
        {
        id: 15
      },
      {
        id: 3
      },
      {
        id: 7
      }
    ]
  }
]



var filmesCategorias = filmes.filter(function(filme){
  return filme.genres.id == 3
})

console.log(filmesCategorias)

2 Respostas 2

3

Substitua:

return filme.genres.id == 3 

por:

return filme.genres.find(x => x.id == 3)

codigo funcionando:

var filmes = [
    {
    title: 'Primeiro Filme',
    genres: [
        {
        id: 10
      },
      {
        id: 15
      },
      {
        id: 21
      }
    ]
  },
  {
    title: 'Segundo Filme',
    genres: [
        {
        id: 15
      },
      {
        id: 3
      },
      {
        id: 7
      }
    ]
  }
]



var filmesCategorias = filmes.filter(function(filme){
  return filme.genres.find(x => x.id == 3)
})

console.log(filmesCategorias)

2

O genres é um array então precisa varrer as posições para a busca do id==3, exemplo:

var filmes = [{
    title: 'Primeiro Filme',
    genres: [{
        id: 10
      },
      {
        id: 15
      },
      {
        id: 21
      }
    ]
  }, {
    title: 'Segundo Filme',
    genres: [{
        id: 10
      },
      {
        id: 3
      },
      {
        id: 21
      }
    ]
  },
  {
    title: 'Terceiro Filme',
    genres: [{
        id: 15
      },
      {
        id: 3
      },
      {
        id: 7
      }
    ]
  }
]



var filmesCategorias = filmes.filter(function(filme) {

  for (i = 0; i < filme.genres.length; i++) {
    if (filme.genres[i].id == 3) {
      return true;
    }
  }
  
  return false;
})

console.log(filmesCategorias)

O comando filter tem a sua compatibilidade a seguir:

inserir a descrição da imagem aqui inserir a descrição da imagem aqui Fonte: Array.prototype.filter() - Compatibilidade de Browser

Já ao utilizar find pode simplificar o código, mas, limitar o seu uso em navegadores como tabela exibida logo abaixo:

inserir a descrição da imagem aqui inserir a descrição da imagem aqui Fonte: Array.prototype.find() - Compatibilidade do Navegador


Uma maneira sem esses comandos que em algum momento podem limitar o seu uso, com duas estruturas de repetição pode resolver o mesmo problema, exemplo minimo:

var filmes = [{
    title: 'Primeiro Filme',
    genres: [{
        id: 10
      },
      {
        id: 15
      },
      {
        id: 21
      }
    ]
  }, {
    title: 'Segundo Filme',
    genres: [{
        id: 10
      },
      {
        id: 3
      },
      {
        id: 21
      }
    ]
  },
  {
    title: 'Terceiro Filme',
    genres: [{
        id: 15
      },
      {
        id: 3
      },
      {
        id: 7
      }
    ]
  }
]

function findFilmeGenresById()
{
    var item = Array();    
    for(i = 0; i < filmes.length; i++)
    {
        for(j = 0; j < filmes[i].genres.length; j++)
        {
          if (filmes[i].genres[j].id == 3)
          {
            item.push(filmes[i]); 
            break;
          }
        }        
    }
    return item;
}

console.log(findFilmeGenresById());

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .