0

Olá tenho um array de objetos assim:

product: [
  { id: "1", name: "product 01" },
  { id: "2", name: "product 02" },
  { id: "3", name: "product 03" },
  { id: "4", name: "product 04" },
  { id: "5", name: "product 05" }

]

list: [ "1", "2", "5" ]

Gostaria de um resultado parecido com esse, aonde ele filtra apenas os objetos que estão registados na lista pelo Id:

newArray: [
  { id: "1", name: "product 01" },
  { id: "2", name: "product 02" },
  { id: "5", name: "product 05" }

]

Acho que tem que usar o filter com o map, mas estou com dificuldade de fazer essa união

5
  • não entendi o resultado final por list: ["1", "2"] e no resultado tem 1, 2 e 5?
    – novic
    Commented 27/01/2021 às 20:28
  • Foi editado há pouco tempo: "[4] Improve syntax highlighting" e incluiu esses valores à mais. Porém, acredito que para o resultado com ID: 5, deveria ser assim o list: ['1', '2', '5']. Commented 27/01/2021 às 20:29
  • Evitem colocar texto como foto pois dificulta a leitura em alguns dispositivos. Copiem e colem a saída. Commented 27/01/2021 às 20:48
  • realmente, me desculpe. O erro foi meu... vou concertar Commented 28/01/2021 às 20:01
  • Agora sim fez sentido! Commented 28/01/2021 às 20:04

2 Respostas 2

3

Use o filter()

O indexOf() retorna -1 caso o elemento que está buscando não exista no array. Então você pode usar em conjunto com o filter() para buscar um array de IDs em um array de objetos.

product.filter(item => list.indexOf(item.id) !== -1)
// Output:
// [
//   { "id": "1", "name": "product 01" },
//   { "id": "2", "name": "product 02" }
// ]

Ver screenshot

3
  • Por que eu teria que colocar o !== -1, pois quando fui testar no meu código o resultado trouxe apenas o ultimo producto, e quando coloquei o !== -1, trouxe o resultado correto. Pensei que ele era apenas caso não encontrasse o resultado e não interferiria tanto assim. Pq isso ocorre? Commented 28/01/2021 às 10:38
  • Olá, @SarahRodrigues. No caso, o indexOf() retorna a posição no array do elemento que você está procurando. Ou seja, se você está buscando os IDs ['1', '2'] num array de objetos [{'id': '1'}, {'id': '2'}, {'id': '3'}], o indexOf() retornará respectivamente 0 e 1 para os IDs encontrados, e -1 para o ID: 3 que você não está buscando. O !== serve para comparar o valor e o tipo ao mesmo tempo, uma checagem de segurança. Mas no caso, se você não colocar !== -1, será considerado como verdade tudo que não for 0. Acredito que retornaria os IDs 2 e 3, que estão errados. Commented 28/01/2021 às 12:53
  • 1
    Ahhh entendi!!! muito obrigada!!! Commented 28/01/2021 às 13:38
1

Talvez esteja querendo isto:

Parametros para pesquisa:
Array Filter
Array Includes

const products = [
   {id:1, name: 'product 1'},
   {id:2, name: 'product 2'},
   {id:3, name: 'product 3'}
];
const newProduct = products.filter((product) => product.id < 3)

console.log(products)   
console.log(newProduct)

idFilter = [1, 2]
const filterProduct = products.filter((product) => idFilter.includes(product.id))    

console.log(filterProduct)

inserir a descrição da imagem aqui

2
  • Infelizmente não, tanto a lista de products quanto a list podem ter varios valores, vou mudar um pouco para vc entender. Commented 27/01/2021 às 20:19
  • Atualizei a resposta, talvez te atenda agora, deixei o exemplo anterior, para que possa comparar o uso somente do filter e o uso do filter com incluedes. Commented 27/01/2021 às 20:30

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 .