Open In App
Related Articles

How to Convert JS Object to JSON String in JQuery/Javascript?

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Report issue
Report

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

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

                    

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

// 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.

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.



Last Updated : 22 Jan, 2024
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads