Javascript push multiple objects into an empty object

Question

I am trying to achieve a data structure in javascript that looks like this:

settings: {
   { "key": "Language", "value": "en" },
   { "key": "Language", "value": "en" }
}

The amount of keys is variable and needs to be iterated over. I thought I could do it with an array but the [0] numbers are getting in the way.

This is what i have now:

convertSettingsToApiSaveFormat(values) {
        const keys = Object.keys(values);
        const items = Object.values(values);

        const valuesToSend = keys.map((key, i) => {
            return { key, value: items[i] };
        });
        return { settings: [valuesToSend] };
    }
}

Which returns:

any help is much appreciated!

You can't expect like this, In every javascript object {}, the key name is required to hold a value — Neel Rathod
– Neel Rathod, Commented Sep 5, 2019 at 10:03
Just remove the brackets: return {settings: valuesToSend} - it's already an array. — georg
– georg, Commented Sep 5, 2019 at 10:03

Pranoy Sarkar · Accepted Answer · 2019-09-05 10:06:16Z

2

First of all this is an invalid data structure

settings: {
   { "key": "Language", "value": "en" },
   { "key": "Language", "value": "en" }
}

JavaScript object is bascally key value pair you can see the bellow two objects dont have and key.

Either it can be like this

 settings: {
   "someKey":  { "key": "Language", "value": "en" },
   "someKey2": { "key": "Language", "value": "en" }
}

or a simple JS array

settings: [
   { "key": "Language", "value": "en" },
   { "key": "Language", "value": "en" }
]

answered Sep 5, 2019 at 10:06

Pranoy Sarkar

2,29118 silver badges32 bronze badges

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

Comments

Jack Bashford · Accepted Answer · 2019-09-05 10:10:49Z

1

You're placing valuesToSend inside an array - remove it, and you'll get your desired output^*:

return { settings: valuesToSend };

^* The result you currently want is invalid - this, however, is valid:

settings: [
  { "key": "Language", "value": "en" },
  { "key": "Language", "value": "en" }
}

answered Sep 5, 2019 at 10:10

Jack Bashford

44.3k11 gold badges56 silver badges84 bronze badges

Collectives™ on Stack Overflow

Javascript push multiple objects into an empty object

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related