inserting javascript variable value in json

Question

i have a JSON variable which looks like this :

{"events": [
{"event_id": "1", "event_name": "Breakfast"},
{"event_id": "1", "event_name": "Calling Bob"}
]};

i have two vaiables

x=2; y=jam;

i want to push the variables in json such that x is event_id and y is event_name, so that my json will look like-

{"events": [
{"event_id": "1", "event_name": "Breakfast"},
{"event_id": "1", "event_name": "Calling Bob"},
{"event_id": "2", "event_name": "jam"}
]};

the function iam using to push is

k='({"event_id":"'+x+'","event_name":"'+y+'"})';
san.events.push(k);

where san is the variable in which i stored the json. iam parsing the variable san and applying the push action and stringifying it and displaying it, but in the result my json data syntax is changing like additional '/' symbols are generating in the json.

Don't build your own JSON strings, use the JSON.stringify() and JSON.parse() methods on actual objects and arrays (see MDN). Plus the (), what are those for? — Jared Farrish
– Jared Farrish, Commented Jun 21, 2014 at 12:45

Andre Pena · Accepted Answer · 2014-06-21 12:55:27Z

6

JSON objects are first class citizens in JavaScript, you can use them as literals.

var k= {"event_id": x, "event_name":y};
san.events.push(k);

As the above is the exact same thing as:

var k = new Object();
k.event_d = x;
k.event_name = y;
san.events.push(k);

JSON is just a way to represent regular objects in JavaScript.

If you really want to transform strings into JSON, you can use the JSON.parse() method, but you normally want to avoid this.

EDIT

As @Alvaro pointed out, even though you can create regular Objects using the JSON syntax, it's not synonym of Object, it' just a way of representing the Object data, and not just any data, JSON cannot represent recursive objects.

edited Jun 21, 2014 at 12:55

answered Jun 21, 2014 at 12:46

Andre Pena

59.7k53 gold badges213 silver badges257 bronze badges

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

6 Comments

Jared Farrish Over a year ago

First class citizens?

Andre Pena Over a year ago

It means that they "exist", they are recognized by the JavaScript engine in your browser.

Álvaro González Over a year ago

Please don't use JSON as synonym of object. JSON is a string serialization format. If it isn't a string, it can't be JSON in the first place.

Jared Farrish Over a year ago

And why would you want to "avoid" using JSON.parse()? You use it if you need it; saying avoid it is bad "advice".

Teemu Over a year ago

@AndréPena JSON object is an intrinsic object in browsers, it has methods like parse and stringify. k in your code is a very regular JS object, also called "Object initializer" or "Object literal", it has nothing to do with JSON.

|

chandu · Accepted Answer · 2018-03-14 15:52:39Z

4

The variable value is missing Quote here

x=2; y='jam';

and change push code like this

k={"event_id":"'+x+'","event_name":"'+y+'"};
san.events.push(k);

edited Mar 14, 2018 at 15:52

answered Jun 21, 2014 at 12:49

chandu

2,2763 gold badges23 silver badges35 bronze badges

2 Comments

Jared Farrish Over a year ago

And it'll push as a string and x and y will be just that, x and y, not the variable values.

Sandeep Over a year ago

if i push using this method and alert(san); im getting unessassary / symbols.

Daniel Raja · Accepted Answer · 2023-01-28 07:47:50Z

2

Pass it inside a square bracket [variable_name]

Example:

let account_name = "premium_account"
{"features": { [account_name] :"checked"}}

answered Jan 28, 2023 at 7:47

Daniel Raja

831 gold badge1 silver badge7 bronze badges

1 Comment

James Baird Over a year ago

This is really helpful. I had a situation where i wanted to declare objects inline in a vue template. I can pass the variable straight into the object like this :path="{ 'Dashboard': route('dashboard'), [var.detail] : false }"

fajarkoe · Accepted Answer · 2014-06-21 12:48:09Z

1

Does this work for you?

x = "2";
y = "jam"
k= {"event_id": x, "event_name": y };
san.events.push(k);

answered Jun 21, 2014 at 12:48

fajarkoe

1,56310 silver badges12 bronze badges

Comments

Roman · Accepted Answer · 2014-06-21 13:15:42Z

1

here is solution for this problem.

san = {"events": [
{"event_id": "1", "event_name": "Breakfast"},
{"event_id": "1", "event_name": "Calling Bob"}
]};
var x=2; var y='am';
k={"event_id":"x","event_name":y};
san.events.push(k);
console.log(san);

http://jsfiddle.net/3NSy8/

edited Jun 21, 2014 at 13:15

answered Jun 21, 2014 at 13:05

Roman

3693 silver badges6 bronze badges

1 Comment

Roman Over a year ago

to see the console result go to the link the press F12 then click jsfiddle run button and show result in inspect element console

Collectives™ on Stack Overflow

inserting javascript variable value in json

5 Answers 5

6 Comments

2 Comments

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

6 Comments

2 Comments

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related