Início / coding / Perguntas / 76977399
Accepted
chris01
Asked: 2023-08-25 20:54:25 +0800 CST

Mapa/Filtro em Typescript

  • 772

Eu tenho uma lista.

[{name:"max", age:50}, {name:"sue", age: 43}, {name:"tom", age: 34}, {name:"tim", age: 33}]

Depois tenho outra lista que me diz quais elementos da lista com as pessoas que preciso trabalhar - só preciso da idade.

[false, true, true, false]

O resultado será

[43, 34]

Como posso obter isso no Typescript com um termo de mapa/filtro? Estou lutando com o índice que diz o que levar.

typescript

3 respostas

  1. Em primeiro lugar, é melhor usar mappara mesclar as duas listas em uma matriz de objetos contendo nomes e idades e, em seguida, usar filterpara reter apenas os elementos que se alinham com os truevalores na segunda lista! e por último, utilize mapmais uma vez para extrair apenas as idades da lista filtrada!

    algo assim:

    const list = [{ name: "max", age: 50 }, { name: "sue", age: 43 }, { name: "tom", age: 34 }, { name: "tim", age: 33 }];
const filterList = [false, true, true, false];

const result = list
  .map((item, index) => ({ ...item, selected: filterList[index] }))
  .filter(item => item.selected)
  .map(item => item.age);

console.log(result); // [43, 34]

    atualizar
    Sim, obrigado para @wonderflame, otimizei o código para evitar essa iteração extra combinando a lógica em uma única mapoperação.

    const list = [{ name: "max", age: 50 }, { name: "sue", age: 43 }, { name: "tom", age: 34 }, { name: "tim", age: 33 }];
const filterList = [false, true, true, false];

const result = list
  .map((item, index) => filterList[index] ? item.age : null)
  .filter(item => item !== null);

console.log(result); // [43, 34]
    • 1

  2. Você pode usar uma função auxiliar zippara combinar as duas listas e depois usar reduzir para obter apenas as idades daquelas que deseja manter:

    const data = [{name:"max", age:50}, {name:"sue", age: 43}, {name:"tom", age: 34}, {name:"tim", age: 33}];
const keepers = [false, true, true, false];

const zip = <T, U>(as: T[], bs: U[]): [T, U][] => as.map((x, i) => [x, bs[i]]);

const ages = zip(data, keepers).reduce((ages, [{age}, keep]) => {
  if (keep) {
    ages.push(age);
  }

  return ages;
}, [] as number[]);

    Parque infantil

    • 1
  3. Best Answer

    Use o índice Array#filter()e retorne o valor booleano desse item na filterArraymatriz. Em seguida, Array#map()o resultado para obter uma lista apenas das idades.

    Na IMO, não é necessário adicionar digitações explicitamente em qualquer lugar. TypeScript é capaz de inferir que o resultado é do tipo number[]automaticamente.

    const data = [
  {name: "max", age: 50},
  {name: "sue", age: 43},
  {name: "tom", age: 34},
  {name: "tim", age: 33}
];

const filterArray = [false, true, true, false];

const result = data
  .filter((_, i) => filterArray[i])
  .map(person => person.age);

console.log(result); // Output: [43, 34]

    • 1

relate perguntas