2

I have an array of data which looks like this.

data = [ 
  { "name": "Apple", "type": "Fruit"}, 
  { "name": "Cabbage", "type": "Vegetable"} , 
  { "name": "Orange", "type": "Fruit"} 
] 

I want to filter out the element which its type already existed. And I want to keep the first element.

E.g. keep Apple instead of Orange

data = [ 
  { "name": "Apple", "type": "Fruit"},
  { "name": "Cabbage", "type": "Vegetable"}
]
4
  • 1
    Does this answer your question? Get all unique values in a JavaScript array (remove duplicates) Commented Nov 18, 2021 at 6:33
  • @derpirscher the question might look the same but it's actually not. That solution does not answer my question because the array I have is an object array. Thanks for you help tho. Commented Nov 18, 2021 at 6:53
  • @Nitheesh I am trying using .filter instead of loop but it's not working for me. Commented Nov 18, 2021 at 6:54
  • @Jonnie Please accept the relavent answer and close this thread. Commented Nov 18, 2021 at 7:19

2 Answers 2

2

Using Array#filter, you can iterate over the array while updating a Set to keep track of types added:

const data = [ { "name": "Apple", "type": "Fruit"}, { "name": "Cabbage", "type": "Vegetable"}, { "name": "Orange", "type": "Fruit"} ];

const typeSet = new Set();
const res = data.filter(({ type }) => {
  if(typeSet.has(type)) return false;
  typeSet.add(type);
  return true;
});

console.log(res);

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

1 Comment

Thank you bro. This is exactly what I am looking for
1

1) You can filter the result if type already not present in dict using filter and Set as:

data.filter((o) => (dict.has(o.type) ? false : dict.add(o.type, true)))

const data = [
  { name: "Apple", type: "Fruit" },
  { name: "Cabbage", type: "Vegetable" },
  { name: "Orange", type: "Fruit" },
];

const dict = new Set();
const result = data.filter((o) => (dict.has(o.type) ? false : dict.add(o.type, true)));
console.log(result)

2) You can also use for..of and Set as:

const data = [
  { name: "Apple", type: "Fruit" },
  { name: "Cabbage", type: "Vegetable" },
  { name: "Orange", type: "Fruit" },
];

const dict = new Set(), result = [];

for (let o of data) {
  if (!dict.has(o.type)) {
    result.push(o);
    dict.add(o.type);
  }
}

console.log(result);

1 Comment

Thank you for help. Really appreciate that you also provide another way of doing this.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.