Appending 2 or more json string

Question

I have form where in I dynamically create json strings and append those strings in a hidden field.

for example : Imagine I have a hidden field with id as "json_hidden_field" and my dynamically created jsons will look something like below

var json_str1 = "{ "name" : "foo1" , "value" : "bar1" }"

var json_str2 = "{ "name" : "foo2" , "value" : "bar2" }"

What I am looking for is to append the string in such a way that the resulting output is

"{ "name" : "foo1" , "value" : "bar1" } , { "name" : "foo2" , "value" : "bar2" }"

And to achieve this , this is what I have written but I am kind of annoyed by the fact that I have to handle that comma in such a way

  full_json= $("#json_hidden_field").val().concat($("#json_hidden_field").val() ? "," : "" , json_str2 )


$("#json_hidden_field").val(full_json)

I need help refactoring this piece of code.

Thanks

Answer 1

var json_str1 = '{ "name" : "foo1" , "value" : "bar1" }'
var json_str2 = '{ "name" : "foo2" , "value" : "bar2" }'

full_json = [json_str1, json_str2].join(',');