How to print JSON data in console.log?

JavascriptArraysJson

Javascript Problem Overview


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

Javascript Solutions


Solution 1 - Javascript

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']); 

Solution 2 - Javascript

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

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

Solution 3 - Javascript

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

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

Solution 4 - Javascript

{"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

Solution 5 - Javascript

I usually do like this:

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

Solution 6 - Javascript

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);

Solution 7 - Javascript

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

Solution 8 - Javascript

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);

Solution 9 - Javascript

Linked to the tittle How to print JSON data in console.log?, possibly useful notes not too far from the subject, and a tiny useful tool:

Whenever we have to work on a JSON file, via the console, we can display the url, or drop, a JSON file in a tab.


In Firefox, we have a nice JSONview, but still, we can't use the object from the console, at least directly. To access the JSON object, we have to dive a little:

JSON.parse(window.JSONView.json.data)

In Chromium, simply, a JSON is displayed as text.

JSON.parse(document.body.textContent)

From there, here is a simple Bookmarklet for both browsers.

javascript:void (async()=>{let e=window.JSONView?JSON.parse(window.JSONView.json.data):JSON.parse(document.body.textContent);console.log(e)})();

enter image description here


Tldr: In a browser tab, drop a JSON file. After clicking this bookmarklet, the JSON object get displayed in the console, and from there we can use it as global variable, in the best place to do so: the browser console!

Solution 10 - Javascript

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

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionShojib FlamonView Question on Stackoverflow
Solution 1 - JavascriptjdphenixView Answer on Stackoverflow
Solution 2 - JavascriptNaren ChejaraView Answer on Stackoverflow
Solution 3 - JavascriptitdView Answer on Stackoverflow
Solution 4 - JavascriptAkinjideView Answer on Stackoverflow
Solution 5 - JavascriptliujigangView Answer on Stackoverflow
Solution 6 - JavascriptNaqeeb SialView Answer on Stackoverflow
Solution 7 - JavascriptRoenissView Answer on Stackoverflow
Solution 8 - JavascriptCorndogView Answer on Stackoverflow
Solution 9 - JavascriptNVRMView Answer on Stackoverflow
Solution 10 - Javascriptuser11376402View Answer on Stackoverflow