problem Iterating through deep level object in javascript

Question

I was trying one simple piece of code in which an array of objects are present and each object is having another array of products(with duplicate values). I wanted to combine all the products array together without any duplicates. Already reached half of iteration process but not able to remove duplicates, is there any way to iterate the values (as it is itself having key value as object 1 and its data..)

please suggest any other optimized way if possible. I'm new to JavaScript so pardon any silly mistakes made Thanks in advance.

Jordan Enev · Accepted Answer · 2019-10-10 10:08:38Z

1

You can do it using concat, Set and Array.from:

const object1 = { products: ['1', '2', '3'] }
const object2 = { products: ['1', '2', '3', '4'] }
const object3 = { products: ['5'] }

// Merge all the products in one Array
const products = object1.products
  .concat(object2.products)
  .concat(object3.products);

// Create a Set, with the unique products
const set = new Set(products);

// Convert the Set to an Array
const uniqueProducts = Array.from(set);

console.log(uniqueProducts)

edited Oct 10, 2019 at 10:08

answered Oct 10, 2019 at 10:00

Jordan Enev

18.8k3 gold badges45 silver badges68 bronze badges

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

5 Comments

Ayushi Keshri Over a year ago

arr.forEach((value,index,arr)=>{ array.push(value.object1.products,value.object2.products,value.object3.products) }) console.log("arr after concat "+array) var set= new Set(array); console.log(set) const unique=Array.from(set); console.log("newest array: "+ unique) tried adding this piece of code output is yet the same.

Ayushi Keshri Over a year ago

OUTPUT: arr after concat str1,str2,str3,str2,str5,str5,str4,str5,str6,str7,str7,str8,str9 Set { [ 'str1', 'str2', 'str3', 'str2', 'str5', 'str5' ], [ 'str4', 'str5', 'str6', 'str7' ], [ 'str7', 'str8', 'str9' ] } newest array: str1,str2,str3,str2,str5,str5,str4,str5,str6,str7,str7,str8,str9

Jordan Enev Over a year ago

You don't need to use forEach and you should send a flat Array to the Set. Just try to understand and follow my example above strictly and apply it to your use-case. If you Run the code snippet above, you will see it works correctly.

Ayushi Keshri Over a year ago

Its working fine with your way.Thanks .But if we have say 10 objects ,how can we iterate it into its deep level to get the product array.

Jordan Enev Over a year ago

If you have many objects (instead of only 3), then it's reasonable to iterate over them and create a new resulting flat array, and later pass the array to the Set. You can iterate with any JS function you want, but I would prefer using reduce or forEach. If the answer helped you - you can consider accepting it. Thank you! :)

f278f1b2 · Accepted Answer · 2019-10-10 10:01:39Z

0

To remove duplicates you can use Set, it keeps all items unique, then you can cast it to Array.

Array.from(new Set(array))

answered Oct 10, 2019 at 10:01

f278f1b2

3111 silver badge7 bronze badges

Comments

Arunabh Trivedi · Accepted Answer · 2019-10-10 10:28:50Z

there are many ways to achieve this:

you can use filter to remove duplicate elements:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter by reading in value, its index and array in filter function

a quick search link: https://codeburst.io/javascript-array-distinct-5edc93501dc4

you can always write a method for merge which would be good in terms of error handling, corner case checks, so that above action dont result into error, example:

function MergeUniqueProductFromDictToArry(fromDict, productKey, toArray) {
  //check if for the array in which we need to merge
  if(!toArray) {
    toArray = [];
  }
  //check for validity
  if(!fromDict || !productKey || !fromDict[productKey] || fromDict[productKey].length == 0) {
    return toArray;
  }  
  for(var ix in fromDict[productKey]) {
    //check if product already exist
    if(toArray.indexOf(fromDict[productKey][ix]) === -1) {
      toArray.push(fromDict[productKey][ix]);
    }
  }
  return toArray;
}
var object1 = {products: ["p1", "p2", "p1"]};
var object2 = {products: ["p3", "p2"]};
var object3 = {products: ["p4", "p2"]};
var uniqueProducts = MergeUniqueProductFromDictToArry(object1, "products", null);
uniqueProducts = MergeUniqueProductFromDictToArry(object2, "products", uniqueProducts);
uniqueProducts = MergeUniqueProductFromDictToArry(object3, "products", uniqueProducts);
console.log(uniqueProducts);

Collectives™ on Stack Overflow

problem Iterating through deep level object in javascript

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related