Add key-value pair in Javascript object

Question

I have an object in Javascript. I want to add key-value pair in it.

var data = {
  Country1: '20',
  country2: '30',
  country3: '40',
  country4: '45'
};

It should look like,

var data = {
  {name: 'country1', values: '20'},
  {name: 'country2', values: '30'},
  {name: 'country3', values: '40'},
  {name: 'country4', values: '45'},
};

I am looking for a solution where from a given object, country names will automatically fall into name and values into values

use Array.map() function. Such questions were asked many times on SO — RomanPerekhrest
– RomanPerekhrest, Commented Dec 23, 2017 at 13:43

Ori Drori · Accepted Answer · 2020-05-21 11:30:07Z

6

Iterate the Object#keys of the object with Array#map, and return an object in the format that you want.

Note: to ensure the order of the objects, you can sort the keys using String#localeCompare with the numeric: true option.

var data = {
    'Country1' : '20',
    'country2': '30',
    'country3': '40',
    'country4' : '45'
};

var result = Object.keys(data)
  .sort(function(a, b) { // if you need to ensure the order of the keys
    return a.localeCompare(b, undefined, { numeric: true})
  })
  .map(function(key) {
    return {
      name: key,
      value: data[key]
    };
  });

console.log(result);

edited May 21, 2020 at 11:30

answered Dec 23, 2017 at 13:44

Ori Drori

196k32 gold badges243 silver badges233 bronze badges

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

Comments

Sajeetharan · Accepted Answer · 2017-12-23 13:45:23Z

0

Use Objecy.Keys and forEach to loop through the Objects,

var data = {
    'Country1' : '20',
    'country2': '30',
    'country3': '40',
    'country4' : '45'
};
var result = [];
Object.keys(data).forEach(key => {
    result.push({'name':key,'value':data[key]});
    
});
console.log(result);

answered Dec 23, 2017 at 13:45

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

1 Comment

Andreas Over a year ago

There's Array.prototype.map() for this exact case.

Jonas Wilms · Accepted Answer · 2017-12-23 13:54:48Z

0

or use Object.entries :

 data = Object.entries(data).map(([name, values]) => ({name, values}));

answered Dec 23, 2017 at 13:54

Jonas Wilms

139k20 gold badges164 silver badges164 bronze badges

2 Comments

MZaragoza Over a year ago

Could you update your answer and explain what you are doing. Many thanks in advance

Jonas Wilms Over a year ago

@mzaragoza i just convert the returned 2darray into an array of objects using array destructuring and ES2015 object literals.

Collectives™ on Stack Overflow

Add key-value pair in Javascript object

3 Answers 3

Comments

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related