Javascript array object to comma separated single line array

Question

I have a response from my api that returns an object that look like this.

{
    "global.edit": "Edit"
},
{
    "global.add": "Add"
},
{
    "lang.english": "English"
},
{
    "lang.french": "French"
},
{
    "menu.localGroups": "Label's groups"
},
{
    "menu.locals": "Labels"
}

What I am trying to achieve is to convert to a separated comma array.

const MY_NEW_LOCALS_HERE = {
    "global.edit": "Edit",
    "global.add": "Add",
    "lang.english": "English",
    "lang.french": "French",
    "menu.localGroups": "Label's groups",
    "menu.locals": "Labels"
}

So I can add loaded locals to React-Intl.

this.setState({
    localMessage: {
        ...this.state.localMessage,
        MY_NEW_LOCALS_HERE,
    }
})

I spent hours trying to figure it out but I just can't.

Any help on how to achieve this?

If I use OBJECT.join(',') I get an [object Object],[object Object] array.

Your object is an array, so you need to use the reduce() method. — Taplar
– Taplar, Commented Mar 3, 2020 at 16:13

Taplar · Accepted Answer · 2020-03-03 16:20:27Z

4

You can use deconstruction with the reduce method to put all the keys into a single object.

var temp = [{
    "global.edit": "Edit"
  },
  {
    "global.add": "Add"
  },
  {
    "lang.english": "English"
  },
  {
    "lang.french": "French"
  },
  {
    "menu.localGroups": "Label's groups"
  },
  {
    "menu.locals": "Labels"
  }
];

var result = temp.reduce((r,v)=>({...r, ...v}),{});

console.log(result);

answered Mar 3, 2020 at 16:20

Taplar

25k4 gold badges24 silver badges36 bronze badges

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

3 Comments

adil.hilmi Over a year ago

Just a question : why are you adding , {} to the end of result ? var result = temp.reduce((r,v)=>({...r, ...v})); works well

Taplar Over a year ago

@adil.hilmi The last {} is the initial value. array.reduce(closure, initialValue);

adil.hilmi Over a year ago

Okay it's just an optional argument to put initial value for the result. Thx @Taplar

Collectives™ on Stack Overflow

Javascript array object to comma separated single line array

1 Answer 1

3 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Related