How to Convert JS Object to JSON String in JQuery/Javascript?
Last Updated :
22 Jan, 2024
Whenever we send the data to a web server, we send the data in the form of a string.
To Convert JS Object to JSON String in JQuery/Javascript we can use the following approaches:
Method 1: Using JSON.stringify() Method
- The JSON.stringify() method in JavaScript allows us to take a JavaScript object or Array and create a JSON string out of it.Â
- Store the JSON object in the variable.
- Pass that variable in the JSON.stringify() as an argument.
- It will return the value which is to be converted into a JSON string.
Syntax:
JSON.stringify(value, replacer, space)
Example: The below example explains how the JavaScript object is converted into a JSON string using the JSON.stringofy() method.Â
Javascript
const geeks = {
name: "Shubham",
age: 21,
Intern: "Geeksoforgeeks",
Place: "Work from Home"
};
const gfg = JSON.stringify(geeks);
console.log(gfg);
|
Output
{"name":"Shubham","age":21,"Intern":"Geeksoforgeeks","Place":"Work from Home"}
Method 2: Using Lodash _.prototype.toJSON() Method
The _.prototype.toJSON() method of Sequence in lodash is used to execute the chain sequence in order to solve the unwrapped value.
NOTE: To implement this method for converting the JS object in the JSON string you need to install the lodash module into your local system.
Syntax:
const _ = require('lodash');
const myObj = {};
const jsonString = _(myObj).toJSON();
Example: The belowe example illustrate how to use the _.prototype.toJSON() method to convert the JavaScript obeject into an array.
Javascript
const _ = require('lodash');
const geeks = {
name: "Shubham",
age: 21,
Intern: "Geeksoforgeeks",
Place: "Work from Home"
};
let res = _(geeks).toJSON();
console.log(res);
|
Output:
{"name":"Shubham","age":21,"Intern":"Geeksoforgeeks","Place":"Work from Home"}
Method 3: Using jQuery
JavaScript object is converted into a string and displays the data of the converted string on the user screen.
Example: The below example will explain how to convert the JavaScript object into an JSON string using jQuery.
html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Using jQuery</title>
<script src=
</script>
</head>
<body>
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h3>
How to Convert JS Object to JSON String?
</h3>
<h4>
----JSON Object----
<br>
{name: "Shubham", age: 21,
Intern: "Geeksoforgeeks",
Place:"Work from Home"}
</h4>
<p id="gfg"></p>
<button onclick="myFunction()">Click</button>
<script>
function myFunction() {
// Sample JS object
let geeks = {
name: "Shubham",
age: 21,
Intern: "Geeksoforgeeks",
Place: "Work from Home"
};
// Converting JS object to JSON string
let gfg = JSON.stringify(geeks);
let print = "----JSON String----";
document.getElementById("gfg").innerHTML = print + "\n" + gfg;
/* alert: {"name": "Shubham", "age": 21,
"Intern": "Geeksoforgeeks",
"Place":"Work from Home"}*/
}
</script>
</body>
</html>
|
Output:
jQuery is an open-source JavaScript library that simplifies the interactions between an HTML/CSS document, It is widely famous for its philosophy of “Write less, do more”. You can learn jQuery from the ground up by following this jQuery Tutorial and jQuery Examples.
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...