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:
Table of Content
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.
// Sample JS object const geeks = { name: "Shubham" ,
age: 21,
Intern: "Geeksoforgeeks" ,
Place: "Work from Home"
}; // Converting JS object to JSON string const gfg = JSON.stringify(geeks); console.log(gfg); |
{"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.
// Sample JS object 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.
<!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.