面临将 JavaScript 字符串转换为 JavaScript object 的问题

Question

I am trying to convert javscript string to Object using JSON.Parse

here is the code snippet

 var row = '{ "key1": true, "header": "Title A", "Size": 100}';
 $.each(elements, function (i, item) {
    let headerDisplay = '';
    headerDisplay =  this.title;
    row+=',';
     row += '{ "key1": true, "header": "'+headerDisplay+'", "Size": 100}';
    
  });
  var object=JSON.parse(row);

Iam getting below error

Unexpected token , in JSON at position 177

Please let me know what could be issue and how can i convert string to object.

I am expecting output similar to Expecting output similar to

var finalObject = [
    { "key1": true, "header": "Title A", "Size": 100 },
    { "key1": true, "header": "Title1", "Size": 100 },
    { "key1": true, "header": "Title2", "Size": 100 },
    ...
]

Answer 1

The code in the question shows no reason to involve JSON:

let finalObject = [
    {
        key1: true,
        header: "Title A",
        Size: 100,
    },
];

$.each(elements, (i, item) => {
    finalObject.push({
        key1: true,
        header: item.title,
        Size: 100,
    });
});

Answer 2

Consider making an Array and then populating the array.

 var elements = [{ title: "Item B" }, { title: "Item C" }]; var row = []; row.push(JSON.parse('{ "key1": true, "header": "Title A", "Size": 100 }')); $.each(elements, function(i, item) { row.push({ key1: true, header: item.title, Size: 100 }); }); console.log("Final:", row);

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

References:

• https://www.w3schools.com/js/js_arrays.asp
• https://www.w3schools.com/js/js_objects.asp