Create JSON object out of values

Question

I have these values:

var firstHeader = $('#header0').text(); // 6KP
var secondHeader = $('#header1').text(); // 7KP
var thirdHeader = $('#header2').text(); // 8KP

var first = $('#input0').val(); // 77
var second = $('#input1').val(); //88
var third = $('#input2').val(); // 99

And I need to create a JSON object to have this:

{6KP:77, 7KP:88, 8KP:99}

I tried to do this but without success:

var data = { firstHeader: first, secondHeader: second, thirdHeader: third };

data = JSON.stringify(data, null, ' ');

And my response is this:

{firstHeader: 77, secondHeader:88, thirdHeader:99}

How can I put the values instead of these var names?

I know there are multiple dupes of this, btw, so searching first is probably the best choice. — Dave Newton
– Dave Newton, Commented Jul 6, 2018 at 14:27

Dave Newton · Accepted Answer · 2018-07-06 14:25:42Z

5

You use array notation, e.g.,

var data = {}; 
data[firstHeader] = first;

If you're using ES6 you can use the shorthand:

var data = { 
  [firstHeader]: first, 
  // Etc.
};

answered Jul 6, 2018 at 14:25

Dave Newton

161k27 gold badges263 silver badges310 bronze badges

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

1 Comment

Dave Newton Over a year ago

@AnkitAgarwal It will if you're using ES6, e.g., transpiling or in an environment where it's supported. I made no mention of it working natively--I said "using ES6" on purpose.

Ankit Agarwal · Accepted Answer · 2018-07-06 14:25:55Z

2

You need to use square brackets to evaluate the variable value as a key name:

var data = {};
data[firstHeader] = first;
data[secondHeader] = second;
data[thirdHeader] = third;

WORKING EXAMPLE

var firstHeader = '6KP';
var secondHeader = '7KP';
var thirdHeader = '8KP';

var first = '77';
var second = '88';
var third = '99';
var data = {};
data[firstHeader] = first;
data[secondHeader] = second;
data[thirdHeader] = third;
console.log(JSON.stringify(data));

answered Jul 6, 2018 at 14:25

Ankit Agarwal

30.8k5 gold badges41 silver badges63 bronze badges

Comments

Manoj · Accepted Answer · 2018-07-06 14:28:08Z

1

Replace below line

var data = { firstHeader: first, secondHeader: second, thirdHeader: third };

with

var data ={};

data[firstHeader]= first;
data[secondHeader]= second;
data[thirdHeader]: third ;

answered Jul 6, 2018 at 14:28

Manoj

1,2058 silver badges11 bronze badges

Collectives™ on Stack Overflow

Create JSON object out of values

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related