I have this returned group of arrays returned as in, which is output console logging an array named forTypes:
["milk", "bread"]
["milk"]
["bread"]
["cheese", "jam"]
I have been trying to filter its out using
let forTypesUnique = [...new Set(forTypes)];
I have also tried using other functions such as Reduce() but no luck!
Should I combine those separate arrays into one and then filter out? Any suggestions would be appreciated.
const forTypes = [
["milk", "bread"],
["milk"],
["bread"],
["cheese", "jam"]
];
const flatForTypes = forTypes.flat()
const forTypesUnique = [...new Set(flatForTypes)];
console.log(forTypesUnique)Hope it helps!
If all the arrays are come from server as nested array you can do the following:
let arr= [
["milk", "bread"],
["milk"],
["bread"],
["cheese", "jam"]
]
let f = arr.flat()
console.log(f);// ["milk", "bread", "milk", "bread", "cheese", "jam"]
let result = [...new Set(f)]
console.log(result)// ["milk", "bread", "cheese", "jam"]
Before create set you have to join arrays.
const typesGroup = [
['milk', 'bread'],
['milk'],
['bread'],
['cheese', 'jam'],
];
const forTypes = [].concat(...typesGroup);
const forTypesUnique = [...new Set(forTypes)];
instead of concat you can use flat function, but it is in stage 3 proposal for now
const forTypes = typesGroup.flat();
UPDATED:
if you don't have wrapper array, then you probably have any kind of function which you call to process items, so you can use closure:
const setOfTypes = new Set();
...
const updateForTypesList = (forTypes) => {
forTypes.map(type => setOfTypes.add(type));
return [...setOfTypes];
}
...
const resultList = updateForTypesList(['milk', 'bread']);
flattento flatten the nested arrays into a single array of values, which you can then pass to your Set constructor to de-dupe. If this is some learning exercise where you cannot use libraries, then try looping through the array, then checking if the value you have is also an array, and looping through it...in your loop add items to the set one by one.forTypesis array of arrays?