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
1
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

Preguntas relacionadas

29 Eliminar elementos vacíos de una matriz en Javascript
29 Ordenar matriz de objetos por valor de propiedad de cadena
33 Cómo fusionar dos matrices en JavaScript y desduplicar elementos
30 Obtenga todos los valores únicos en una matriz de JavaScript (elimine duplicados)
28 Cómo crear una matriz que contiene 1 ... N
29 ¿Cómo puedo eliminar un elemento específico de una matriz?

Nuevas preguntas

3 SumProduct Array
3 Definiendo una cadena literal
4 Modificar la lista de objetos usando JavaScript ES6
3 ¿Cómo podemos comparar dos matriz de objetos y mostrar elementos de ambos matriz
3 Implode la matriz de fechas y cambio Formato de fecha
4 ¿Cómo transformar la matriz de cadenas vacías en una matriz vacía?
2 ¿Cómo hacer una función que cambia la propiedad de una instancia?
2 Reemplazo de valor de matriz con objetos
3 Tener problemas para pasar las líneas del archivo de texto a la matriz
2 Elementos de matriz en la impresión de JavaScript en matrices separadas
Nuevas preguntas con la etiqueta arrays >

arrays

Una matriz es una estructura de datos lineal ordenada que consta de 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, utilice estas etiquetas relacionadas en su lugar: [vector], [lista de matrices], [matriz]. Cuando utilice esta etiqueta, en una pregunta que sea específica de un lenguaje de programación, marque la pregunta con el lenguaje de programación que se está utilizando.

Más sobre arrays...