Angular 4 removing duplicates from an Array Object

Question

I am having json array object in my Angular 4 application and where i need to find out unique space type in my JSON array.

Json Array:

[{"label":{"Space_Type":"Office_PrivateOffice"}},{"label":{"Space_Type":"Office_PrivateOffice"}},{"label":{"Space_Type":"Office_PrivateOffice"}},{"label":{"Space_Type":"Hospital_Lab"}},
{"label":{"Space_Type":"Office_OpenOffice"}},
{"label":{"Space_Type":"Office_PrivateOffice"}},
{"label":{"Space_Type":"Office_PrivateOffice"}},{},
{"label":{"Space_Type":"Office_PrivateOffice"}},
{"label":{"Space_Type":"Office_PrivateOffice"}},{"label":{"Space_Type":"Office_PrivateOffice"}},{"label":{"Space_Type":"Hospital_Lab"}},{"label":{"Space_Type":"Office_OpenOffice"}},{"label":{"Space_Type":"Office_PrivateOffice"}},{"label":{"Space_Type":"Office_OpenOffice"}},{}]

I want to remove all the duplicate space type .Can anyone tell me how i can get. I want the result :

[{Idx:0,Label:"Office_PrivateOffice"},{Idx:1,Label:"Office_OpenOffice"}]

this is pure javascript data manipulation. you can write a function to do that or you can use lodash or underscore — Aniruddha Das
– Aniruddha Das, Commented Oct 9, 2017 at 18:49

Sajeetharan · Accepted Answer · 2017-10-09 18:49:08Z

You can use lodash method _.uniqWith

var jsonarray =  [{"label":{"Space_Type":"Office_PrivateOffice"}},{"label":{"Space_Type":"Office_PrivateOffice"}},{"label":{"Space_Type":"Office_PrivateOffice"}},{"label":{"Space_Type":"Hospital_Lab"}},
{"label":{"Space_Type":"Office_OpenOffice"}},
{"label":{"Space_Type":"Office_PrivateOffice"}},
{"label":{"Space_Type":"Office_PrivateOffice"}},{},
{"label":{"Space_Type":"Office_PrivateOffice"}},
{"label":{"Space_Type":"Office_PrivateOffice"}},{"label":{"Space_Type":"Office_PrivateOffice"}},{"label":{"Space_Type":"Hospital_Lab"}},{"label":{"Space_Type":"Office_OpenOffice"}},{"label":{"Space_Type":"Office_PrivateOffice"}},{"label":{"Space_Type":"Office_OpenOffice"}},{}];


var filtered =  _.uniqWith(jsonarray, _.isEqual);

console.log(filtered);

<script src='https://cdn.jsdelivr.net/lodash/4.17.2/lodash.min.js'></script>

Auguste · Accepted Answer · 2017-12-28 14:17:04Z

1

The lodash method _.uniqBy(root, 'duplicateElement'); can also be used. The advantage of using this method is that you can tell lodash which element you would like to remove duplicate of.

var newJsonFile = _.uniqBy(label, 'Space_Type'); 
console.log(newJsonFile);

In Angular, you would need to download package lodash

npm install lodash

Then import it

import * as _ from 'lodash';

edited Dec 28, 2017 at 14:17

answered Dec 28, 2017 at 14:11

Auguste

2,2092 gold badges22 silver badges28 bronze badges

Collectives™ on Stack Overflow

Angular 4 removing duplicates from an Array Object

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related