Recibo una matriz de una API que se ve de la siguiente manera:

results = [
  {name: 'Ana', country: 'US', language: 'EN'},
  {name: 'Paul', country: 'UK', language: 'EN'},
  {name: 'Luis', country: 'PH', language: 'SP'},
  {name: 'Tom', country: 'US', language: 'EN'}
];

A partir de esto, me gustaría crear una matriz que se vea así:

countries = [
  {filter: 'country', value: 'PH'},
  {filter: 'country', value: 'UK'},
  {filter: 'country', value: 'US'},
];

Con este fin, lo que intenté es:

countries = Array.from([...new Set(this.results.map(item => ({categoryOfFilter: 'country', value: item.country})))]);

Porque me dijeron que usara set. Esto crea una matriz como se especificó anteriormente, pero contiene duplicados. Al igual que:

countries = [
  {filter: 'country', value: 'US'},
  {filter: 'country', value: 'UK'},
  {filter: 'country', value: 'PH'},
  {filter: 'country', value: 'US'},
];

Tienen alguna idea? La verdad es que nunca fui bueno con js en primer lugar, así que estoy mucho más allá de estirarme aquí.

arrays angular typescript
0
gris 25 feb. 2020 a las 19:49

2 respuestas

La mejor respuesta

Vea este codepen: https://codepen.io/kyletanders/pen/NWqpWVX?editors= 0012

Algo como esto:


    const data = [
      {name: 'Ana', country: 'US', language: 'EN'},
      {name: 'Paul', country: 'UK', language: 'EN'},
      {name: 'Luis', country: 'PH', language: 'SP'},
      {name: 'Tom', country: 'US', language: 'EN'}
    ];

    let unique = [...new Set(data.map(item => item.country))].map(x => {return {filter: 'Country', value: x}});
    console.log(unique);
1
Kyle Anderson 25 feb. 2020 a las 16:56

El objeto Set le permite almacenar valores únicos de cualquier tipo, ya sea valores primitivos o referencias de objeto .

Los conjuntos no funcionan así con los objetos. Los elementos son todos diferentes, ya que tienen referencias de objetos diferentes, incluso si sus atributos tienen valores iguales.

Funcionará así (dividirlo en dos líneas para que sea un poco legible)

results = [
  {name: 'Ana', country: 'US', language: 'EN'},
  {name: 'Paul', country: 'UK', language: 'EN'},
  {name: 'Luis', country: 'PH', language: 'SP'},
  {name: 'Tom', country: 'US', language: 'EN'}
];

// create a set with all country codes. Set works fine with strings
const countryCodes = new Set(results.map(item => item.country));

// spread the set values into a new array and map that to the target objects
const countries = [...countryCodes].map(value => {return {filter: 'country', value}});

console.log(countries);
3
Andreas_D 25 feb. 2020 a las 18:02

Nuevas preguntas

2 Cómo actualizar un objeto json complejo basado en una matriz de objetos
2 ¿C # crea un objeto usando una matriz como base?
2 Agregue una lista multidimensional en el ciclo for donde los índices varían con la iteración del ciclo
3 Programación en C: ¿Por qué esta línea de muestra no puede tener el carácter '0' O '\ 0' al final de la matriz?
2 transformar matriz de cadenas en matriz de objetos
5 Actualizar el valor del objeto con valores en una matriz diferente
3 ¿Cómo extraer números positivos de una matriz y moverlos a otra en Java?
2 Para cada salida en una matriz booleana
2 Actualización del valor en los datos JSON existentes por clave en PHP
2 PDOException no detectada: SQLSTATE [HY093]: número de parámetro no válido: el número de variables vinculadas no coincide con el número de tokens
Nuevas preguntas con la etiqueta arrays >

arrays

Una matriz es una estructura de datos ordenada que consiste en una colección de elementos (valores, variables o referencias), cada uno identificado por uno o más índices. Cuando pregunte sobre variantes específicas de matrices, use estas etiquetas relacionadas en su lugar: [vector], [arraylist], [matrix]. Cuando use esta etiqueta, en una pregunta que sea específica de un lenguaje de programación, etiquete la pregunta con el lenguaje de programación que se esté usando.

arrays...