Logging JavaScript arrays in VS Code terminal

Question

When I console.log an array who contains objects in VS code terminal,

console.log(`new array is ${state.chats}`);

I get a result like that :

new array is [object Object],[object Object],[object Object],[object Object]

Instead of normal tree where you can see the objects inside like in Chrome Dev Tools :

new array is: [
{ sender: "joseph", message: "my text" },
{ sender: "daniel", message: "my text" },
{ sender: "joseph", message: "my text" }
]

Any way to "fix"/modify this behavior?

Can you show the array? Or a mock of one like it? – JS_noob Jan 30 '20 at 12:14 — JS_noob, Jan 30 '20 at 12:14
Hi, added the way it should look in the post – apollo24 Jan 30 '20 at 12:20 — apollo24, Jan 30 '20 at 12:20

Jelle Bruisten · Accepted Answer · 2020-01-30T13:17:20.590

3

VS Code's terminal uses a command line program like cmd.exe, powershell etc, these tools just put out the string values of your provided variable.

For { sender: "joseph", message: "my text" } that would be [object Object]

One way to get the data as asked would be to convert it to a string with JSON.stringify.

console.log(`new array is ${JSON.stringify(state.chats})`);

edited Jan 30 '20 at 13:17

answered Jan 30 '20 at 12:25

Jelle Bruisten

421
6
11

2

Thank you, got it and working. Minor syntax fix: console.log(`new array is (${JSON.stringify(state.chats)})`); – apollo24 Jan 30 '20 at 12:40

score 0 · Answer 2 · edited Jan 30 '20 at 13:27

0

You must search by print array of objects in js. At these link stay your answer (How to print object array in JavaScript?) you can use JSON.stringify(yourarray).

For more information about go to: https://developer.mozilla.org/ca/docs/Web/JavaScript/Referencia/Objectes_globals/JSON/stringify

var test = [{name:"pepe",age:21},{name:"juan",age:11},
            {name:"aurelio",age:31},{name:"evaristo",age:55},
            {name:"fermin",age:35}];
console.log(JSON.stringify(test));

edited Jan 30 '20 at 13:27

rioV8

24,506
3
32
49

answered Jan 30 '20 at 12:33

Daniel Bistuer

52
3

var test = [{name:"pepe",age:21},{name:"juan",age:11},{name:"aurelio",age:31},{name:"evaristo",age:55},{name:"fermin",age:35}]; – Daniel Bistuer Jan 30 '20 at 12:35
console.log(JSON.stringify(test)); – Daniel Bistuer Jan 30 '20 at 12:35

Logging JavaScript arrays in VS Code terminal

2 Answers2