How to print JSON data in console.log?

Question

I cant access JSON data from javascript. Please help me how to access data from JSON data in javascript.

i have a JSON data like

{"success":true,"input_data":{"quantity-row_122":"1","price-row_122":" 35.1 "}}

i have tried console.log(data) but log print object object

success:function(data){
     console.log(data);
}

How to print console.log particular data? I need to print

quantity-row_122 = 1
price-row_122 = 35.1

Use JSON.stringify(data) to convert it into string ang then try to print. — Sanjeev Singh, Jan 26 '15 at 11:48
4 same answers within 1 minute, I guess this solution was obvious :P — Ziga Petek, Jan 26 '15 at 11:48
`console.log(JSON.stringify(data));` is the simplest answer, but if you want something more fancy you can use `console-log-json` from the NPM repository: https://www.npmjs.com/package/console-log-json — 7wp, Jul 13 '22 at 15:24

jdphenix · Answer 1 · 2015-01-26T20:19:27.007

90

console.log(JSON.stringify(data)) will do what you need. I'm assuming that you're using jQuery based on your code.

If you're wanting those two particular values, you can just access those and pass them to log.

console.log(data.input_data['quantity-row_122']); 
console.log(data.input_data['price-row_122']);

edited Jan 26 '15 at 20:19

answered Jan 26 '15 at 11:47

jdphenix

15,022
3
41
74

this works good but 'quantity-row_122' field are generated dynamically and it comes from html form.so what we can do? so i want to print as like array – Shojib Flamon Jan 26 '15 at 12:22
2

Need to quote those 2 key names – Alex K. Jan 26 '15 at 12:30
Why not use `console.log("%j", something)`? – Lee Goddard Jun 14 '22 at 09:10
This is the simplest answer. But If you want something more fancy you can use `console-log-json` from the NPM repository: https://www.npmjs.com/package/console-log-json – 7wp Jul 13 '22 at 15:23

score 56 · Answer 2 · answered Feb 13 '18 at 15:24

56

I used '%j' option in console.log to print JSON objects

console.log("%j", jsonObj);

answered Feb 13 '18 at 15:24

Naren Chejara

1,124
10
7

1

Best answers of all. – gsharew Sep 22 '22 at 13:21
I'm getting console log as: [Circular] – Harshad Panmand Mar 09 '23 at 10:29
Love this. Works great. – DaveL17 Mar 18 '23 at 18:59

score 33 · Answer 3 · edited Jan 26 '15 at 12:13

33

To output an object to the console, you have to stringify the object first:

success:function(data){
     console.log(JSON.stringify(data));
}

edited Jan 26 '15 at 12:13

Sanjeev Singh

3,976
3
33
38

answered Jan 26 '15 at 11:47

Ziga Petek

3,953
5
33
43

score 26 · Answer 4 · answered Jul 02 '21 at 10:18

26

I usually do like this:

console.log(JSON.stringify(data, undefined, 4));

answered Jul 02 '21 at 10:18

liujigang

521
6
6

2

What is the number 4 for? – user1034912 Mar 16 '23 at 07:04

Akinjide · Answer 5 · 2016-04-04T18:26:37.513

{"success":true,"input_data":{"quantity-row_122":"1","price-row_122":" 35.1 "}}

console.dir() will do what you need. It will give you a hierarchical structure of the data.

success:function(data){
     console.dir(data);
}

like so

> Object
  > input_data: Object
      price-row_122: " 35.1 "
      quantity-row_122: "1"
    success: true

I don't think you need console.log(JSON.stringify(data)).

To get the data you can do this without stringify:

console.log(data.success); // true
console.log(data.input_data['quantity-row_122']) // "1"
console.log(data.input_data['price-row_122']) // " 35.1 "

Note

The value from input_data Object will be typeof "1": String, but you can convert to number(Int or Float) using ParseInt or ParseFloat, like so:

 typeof parseFloat(data.input_data['price-row_122'], 10) // "number"
 parseFloat(data.input_data['price-row_122'], 10) // 35.1

score 7 · Answer 6 · answered Jan 26 '15 at 11:53

7

If you just want to print object then

console.log(JSON.stringify(data)); //this will convert json to string;

If you want to access value of field in object then use

console.log(data.input_data);

answered Jan 26 '15 at 11:53

Naqeeb Sial

657
6
11

score 3 · Answer 7 · answered Oct 10 '20 at 11:42

You can also use util library:

const util = require("util")

> myObject = {1:2, 3:{5:{6:{7:8}}}}
{ '1': 2, '3': { '5': { '6': [Object] } } }

> util.inspect(myObject, {showHidden: true, depth: null})
"{\n  '1': 2,\n  '3': { '5': { '6': { '7': 8 } } }\n}"

> JSON.stringify(myObject)
'{"1":2,"3":{"5":{"6":{"7":8}}}}'

original source : https://stackoverflow.com/a/10729284/8556340

score 1 · Answer 8 · answered Nov 08 '19 at 11:52

This is an old post but I'm chiming in because (as Narem briefly mentioned) a few of the printf-like features are available with the console.log formatters. In the case of the question, you can benefit from the string, number or json formatters for your data.

Examples:

console.log("Quantity %s, Price: %d", data.quantity-row_122, data.price-row_122);
console.log("Quantity and Price Data %j", data);

score -1 · Answer 9 · answered Apr 18 '19 at 00:17

-1

Object

input_data: Object price-row_122: " 35.1 " quantity-row_122: "1" success: true

answered Apr 18 '19 at 00:17

user11376402

1

2

A few words explaining your answer would be helpful – quicklikerabbit Apr 18 '19 at 00:27

How to print JSON data in console.log?

9 Answers9

Linked