How to filter Javascript array of Objects to distinct values of one Column

Question

I have a Javascript array of "Album" objects which holds data such as Album Title, Year, Artist, Description

Id like to create a new String Array that holds just the distinct years.

Ive tried a unique pipe from

https://www.npmjs.com/package/ng2-pipes#installation

But have no luck.

My goal is to have a "Filter by year" dropdown which takes a string array of unique years

import {NgPipesModule} from 'ngx-pipes';

<button ngbDropdownItem *ngFor="let album of filteredAlbumListYear | unique " [value]="">{{album.Year}}</button>

Im getting

In the dropdown where i just want

2019
2018
2017

stackoverflow.com/a/31740263/9187227

Jayraj
– Jayraj

2019-08-28 10:26:50 +00:00
Commented Aug 28, 2019 at 10:26 — Jayraj
– Jayraj, Commented Aug 28, 2019 at 10:26

Pushprajsinh Chudasama · Accepted Answer · 2019-08-28 10:42:17Z

1

Try this code. it will helps you.

     arr = [2019,2019,2019,2019,2018,2018,2017];
     uniqueArray = Array.from(new Set(arr));
     console.log(uniqueArray)

answered Aug 28, 2019 at 10:42

Pushprajsinh Chudasama

7,9994 gold badges23 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Saurabh Yadav · Accepted Answer · 2019-11-08 11:11:22Z

1

You can use Set to allow only unique and Spread syntax

     let list = [2019,2019,2019,2018,2018,2017]; 
     let result = [...new Set(list)]; 
     console.log(result)

answered Nov 8, 2019 at 11:11

Saurabh Yadav

3,3861 gold badge12 silver badges21 bronze badges

Comments

Rushi Patel · Accepted Answer · 2019-08-28 10:22:23Z

0

In Javascript, you can follow the below code

  array= [2019,2019,2019,2018,2018,2017]; 
  const newArray = this.array.filter((year,index)=> this.array.indexOf(year)===index);
  console.log(newArray);

answered Aug 28, 2019 at 10:22

Rushi Patel

6015 silver badges15 bronze badges

Comments

Johns Mathew · Accepted Answer · 2019-08-28 10:51:50Z

You can use a Set in javascript to store unique values. Irrespective of the number of times you push an item to the set, it would only have a single copy.

If your filteredAlbumListYear is an array containing years alone, then you can create a new Set directly from filteredAlbumListYear.

this.filteredAlbumListYear = [...new Set(this.filteredAlbumListYear)]

This would create a new Set from the years, convert it into an Array and assign back to filteredAlbumListYear.

OR you can create a new array directly from your Album list.

const uniqueYearsSet = new Set();
this.albums.forEach(album => this.uniqueYears.add(album.year));
this.uniqueYears = [...uniqueYearSet];

and then use uniqueYears in your *ngFor loop.

mithu · Accepted Answer · 2019-09-01 07:49:06Z

0

var array=[2019,2019,2019,2018,2018,2017]; array =array.filter((year,index)=>array.indexOf(year)===index); console.log(array);

edited Sep 1, 2019 at 7:49

answered Aug 28, 2019 at 10:53

mithu

14 bronze badges

Comments

Shrinivasan · Accepted Answer · 2019-11-08 14:42:39Z

0

Here is an alternate solution.

 arr = [2019,2019,2019,2019,2018,2018,2017];
 uniqueArray = arr.reduce((unique,item)=>unique.includes(item)?unique:[...unique,item],[])
 console.log(uniqueArray)

answered Nov 8, 2019 at 14:42

Shrinivasan

2814 silver badges9 bronze badges

Collectives™ on Stack Overflow

How to filter Javascript array of Objects to distinct values of one Column

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related