How jQuery can show array of objects like console.log() of Eclipse

Question

I'm printing an array of objects using jquery. I want to print them inside a textarea, every row an object. For example console.log() of Eclispe print so:

{eventID: 1, time: "2017-08-23 10:01:34", level: "INFO", message: "[loadDB]}

{eventID: 2, time: "2017-08-23 10:01:35", level: "INFO", message: "[chargeDB]}

Instead using jquery:

$('textarea#textLog').text(JSON.stringify(response, undefined, 2));

I got these:

[
  {
    "eventID": 1,
    "time": "2017-08-23 10:01:34",
    "level": "INFO",
    "message": "[loadDB]"
  },
  {
    "eventID": 2,
    "time": "2017-08-23 10:01:35",
    "level": "INFO",
    "message": "[chargeDB]" 
  }
]

How i can use jquery to print an array of object inside a textarea like the console.log() I showed before ?

Answer 1

The problem lies in your JSON object, you forgot a quote, therefor JSON.stringify cannot parse it. Just add quotes at the end of the "message" value like so :

message : "[chargeDB]"}

Working JsFiddle

Answer 2

I think you're looking for something like this if you want to do it with jQuery:

var objectArr= [
  {
    "eventID": 1,
    "time": "2017-08-23 10:01:34",
    "level": "INFO",
    "message": "[loadDB]"
  },
  {
    "eventID": 2,
    "time": "2017-08-23 10:01:35",
    "level": "INFO",
    "message": "[chargeDB]" 
  }
]

$.each(objectArr, function(index, val) {
    console.log(val.category);
});