How to combine multiple arrays and a string into one array?

Question

Consider the following object:

const test = {
  resources: {
    gatewayApi: {
      resourceUri: 'https://bla',
      resourceScope: 'D',
    },
    msGraphProfile: {
      resourceUri: 'https://foo',
      resourceScope: ['A', 'B', 'C'],
    },
    msGraphMail: {
      resourceUri: 'https://bar',
      resourceScope: ['A'],
    },
    msGraphGroupMember: {
      resourceUri: 'https://bob',
    },
  },
}

The goal is to achieve a single array containing only the unique values defined in resourceScope:

const result = ['A', 'B', 'C', 'D']

To get to the desired result I took these steps:

// first create a new array with key value pairs
const newArray = Object.entries(test.resources)

// return only those values that have the property `resourceScope`
const result = newArray.filter(([, val]) => {
  if ('resourceScope' in val) { return val.resourceScope }
})

At this point I'm a bit stuck. I would need to combine all returned arrays and a single string ('A') into one clean array. I've tried looking for examples but I couldn't really figure it out.

Thank you for your help.

You can loop an objects values with a " for in" and you can find a key with "hasownproperty". — Dean
– Dean, Commented May 14, 2020 at 14:59

Nithish · Accepted Answer · 2020-05-14 15:26:42Z

2

By using flatMap, filter and Set I could able to achieve this. Hope this will be helpful

const test = {"resources":{"gatewayApi":{"resourceUri":"https://bla","resourceScope":"D"},"msGraphProfile":{"resourceUri":"https://foo","resourceScope":["A","B","C"]},"msGraphMail":{"resourceUri":"https://bar","resourceScope":["A"]},"msGraphGroupMember":{"resourceUri":"https://bob"}}}

const resultSet = new Set(Object.values(test.resources).flatMap(resource => resource.resourceScope).filter(resourceScope => resourceScope))

const resultArray = Array.from(resultSet)
console.log(resultArray)

answered May 14, 2020 at 15:26

Nithish

6,1273 gold badges13 silver badges25 bronze badges

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

7 Comments

DarkLite1 Over a year ago

This looks really clean! Thank you, I like it.

Nithish Over a year ago

Thank you and I'm glad that it helped. :-)

DarkLite1 Over a year ago

I'm new to javaScript but I wonder why it's not possible to simply to this const resultArray = Object.values(test.resources).flatMap((r) => r.resourceScope).filter((r)=> r)

Nithish Over a year ago

If we don't use Set, then the data might get repeated which is not intended. Otherwise again we'll have to filter from the resultant array. In order to avoid that used Set which will hold unique values.

DarkLite1 Over a year ago

I see now, when we use new Set() it creates a Set object and not an object of type array. I was a bit confused there I think. Thanks again for the great help!

|

Nenad Vracar · Accepted Answer · 2020-05-14 15:00:33Z

2

You could use reduce method with Set as accumulator value to get unique values and then create an array from that set.

const test = {"resources":{"gatewayApi":{"resourceUri":"https://bla","resourceScope":"D"},"msGraphProfile":{"resourceUri":"https://foo","resourceScope":["A","B","C"]},"msGraphMail":{"resourceUri":"https://bar","resourceScope":["A"]},"msGraphGroupMember":{"resourceUri":"https://bob"}}}

const uniq = Object
  .values(test.resources)
  .reduce((r, e) => {
    [].concat(e.resourceScope)
      .forEach(e => {
        if (e) r.add(e)
      })

    return r;
  }, new Set)


const result = Array.from(uniq)
console.log(result)

answered May 14, 2020 at 15:00

Nenad Vracar

122k16 gold badges160 silver badges184 bronze badges

Comments

Gazowski · Accepted Answer · 2020-05-14 15:42:59Z

0

Is it correct for you ?

const test = {
  resources: {
    gatewayApi: {
      resourceUri: 'https://bla',
      resourceScope: 'D',
    },
    msGraphProfile: {
      resourceUri: 'https://foo',
      resourceScope: ['A', 'B', 'C'],
    },
    msGraphMail: {
      resourceUri: 'https://bar',
      resourceScope: ['A'],
    },
    msGraphGroupMember: {
      resourceUri: 'https://bob',
    },
  },
}
let tab = []
for(let [key,value] of Object.entries(test.resources)){
  for(let v in value.resourceScope){
    if(!tab.includes(value.resourceScope[v])){
      tab.push(value.resourceScope[v])
    }
  }
  console.log(tab);
}

answered May 14, 2020 at 15:42

Gazowski

664 bronze badges

Collectives™ on Stack Overflow

How to combine multiple arrays and a string into one array?

3 Answers 3

7 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

7 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related