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
60399539

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 eliminar el elemento de la matriz por valor?
29 ¿Cómo puedo eliminar un elemento específico de una matriz?

Nuevas preguntas

2 ¿Cómo puedo verificar si el símbolo está en la entrada del usuario?
4 Interseccione dos matrices de objetos y luego cree una nueva matriz a partir de ambas
3 Javascript Comparar valor de propiedad de 2 matrices de objetos
4 Codificación de una matriz de cadenas
2 devolviendo el segundo valor más alto en una matriz: ruby
2 obtener el elemento máximo en una matriz usando "=="
5 (Javascript) Determinar si un valor numérico está contenido o un número menor que el valor numérico está contenido en una matriz de objetos
2 ¿Cómo obtener una matriz filtrada con defineProperty JS?
5 Javascript: ¿Cómo hacer una matriz a partir de un objeto con pares clave-valor como cadenas?
3 ¿Cómo acceder al valor en una cadena JSON usando una clave en Python?
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...