JSON-stringify-Object.html - JSON.stringify() on Objects

Home > JSON

Q

How JSON.stringify() behaves on JavaScript objects?

✍: FYIcenter.com

A

When processing an object, JSON.stringify() behave depending on the type of objects based on the following rules:

Boolean, Number, and String objects are converted to the corresponding primitive JSON values during stringification.
Date objects are converted JSON strings according the ISO standard.
All other objects are converted JSON objects with their enumerable properties only.
Functions are removed if inside an object, or converted to "null" if inside an array, or converted to "undefined" if by itself.
"undefined" are removed if inside an object, or converted to "null" if inside an array, or converted to "undefined" if by itself.

Here is a JavaScript example showing how different types of objects get stringified:

<!-- JSON-stringify-Object.html
     Copyright (c) FYIcenter.com 
-->
<html>
<body>
<script type="text/javascript">

function myFunc() {
   return "Hello!";
}
   
   var myObj = new Object();
   myObj.name = "Joe";
   Object.defineProperty(myObj, 'age', {value: 1, enumerable: false});
   Object.defineProperty(myObj, 'type', {value: 'User', enumerable: true});

   var str = null;
   
   document.write("<p>String from JSON.stringify():</p>");
   document.write("<pre>");

   str = JSON.stringify(new String("false"));
   document.write("   String object = "+str+"\n");

   str = JSON.stringify(new Boolean(false));
   document.write("   Boolean object = "+str+"\n");

   str = JSON.stringify(new Date(2006, 0, 2, 15, 4, 5));
   document.write("   Date object = "+str+"\n");

   str = JSON.stringify(myObj);
   document.write("   Object object = "+str+"\n");

   str = JSON.stringify(JSON);
   document.write("   JSON object = "+str+"\n");

   str = JSON.stringify(myFunc);
   document.write("   Function object = "+str+"\n");

   document.write("</pre>");
</script>
</body>
</html>

Save the above code in a file, JSON-stringify-Object.html, and open it in a Web browser. You see the following output:

String from JSON.stringify():

   String object = "false"
   Boolean object = false
   Date object = "2006-01-02T20:04:05.000Z"
   Object object = {"name":"Joe","type":"User"}
   JSON object = {}
   Function object = undefined

⇒ Call JSON.stringify() with Replacer Function

⇐ JSON-stringify.html - JSON.stringify() Example Code

⇑ Using JSON in JavaScript

⇑⇑ JSON Tutorials

2017-09-08, ∼3078🔥, 0💬

JSON-stringify.html - JSON.stringify() Example Code
Where to get a JSON.stringify() Example Code in JavaScript? Here is a good JSON.stringify() example code in JavaScript.  <html> <body> <script type="text/javascript"> var str1 = JSON.strin... 2021-08-04, ∼4534🔥, 1💬

Call JSON.stringify() with Replacer Function
What is a replacer function that you can provide the JSON.stringify() function call? The replacer function is an event handler function that is called repeatedly whenever a value, an array element or an object property is stringified during the execution of the JSON.stringify() function. The replace... 2017-09-08, ∼3720🔥, 0💬

JSON-parse-Transformed.html - JSON.parse() Value Transformed
How to write a reviver function to transform values while the JSON.parse() function is parsing the JSON text string? Below is a good example on using a reviver function with the JSON.parse() call to transform parsed JSON element values: <!-- JSON-parse-Transformed.html Copyright (c) FYIcenter... 2017-09-08, ∼3147🔥, 0💬

JSON-stringify-Object.html - JSON.stringify() on Objects
How JSON.stringify() behaves on JavaScript objects? When processing an object, JSON.stringify() behave depending on the type of objects based on the following rules: Boolean, Number, and String objects are converted to the corresponding primitive JSON values during stringification. Date objects are ... 2017-09-08, ∼3079🔥, 0💬

JSON-stringify-Filter.html - JSON.stringify() Array Replacer
How to write a replacer array to filter values while the JSON.stringify() function is generating the JSON text string? If you call JSON.stringify() with an array as the replacer, the array elements will be used to filters to select object properties with keys match one of array elements. All other o... 2023-09-07, ∼2965🔥, 0💬

Call JSON.parse() with Reviver Function
What is a reviver function that you can provide the JSON.parse() function call? The reviver function is an event handler function that is called repeatedly whenever a JSON element is parsed during the execution of the JSON.parse() function. The reviver function must defined with the following signat... 2023-09-07, ∼2628🔥, 0💬

JSON-parse-Error.html - JSON.parse() Errors
How to catch errors when calling the JSON.parse() function in JavaScript? If you want to catch errors when calling the JSON.parse() function in JavaScript, you can follow this tutorial: 1. Use the "try {...} catch {...}" block to catch the error object throw from the JSON.parse() function, as shown ... 2023-09-07, ∼2527🔥, 0💬

JSON-stringify-space.html - JSON.stringify() Friendly Spaced
How to call the JSON.stringify() function with space argument to generate JSON text strings indented with friendly spaces? If you call JSON.stringify() without the "space" argument, the JSON text string will be generated in a single line, with no line breaks and space indentions. If you want to brea... 2023-09-05, ∼2205🔥, 0💬

JSON Validation Online Tools
Where to find online tools for JSON Validation? Here is a list of tutorials to answer many frequently asked questions compiled by FYIcenter.com team on online tools for JSON validation: JSON Validation at jsonlint.com JSON Validation at fyicenter.com ⇒ JSON Validation at jsonlint.com ⇐ JSON-strin... 2023-09-05, ∼1928🔥, 0💬

All rights in the contents of this web site are reserved by the individual author. fyicenter.com does not guarantee the truthfulness, accuracy, or reliability of any contents.