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

Given a JS Object and is the task to Convert it to JSON String. 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. 

Syntax:

JSON.stringify(value, replacer, space)

Approach:

• Store the JSON object into 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.

Example 1: JavaScript object is converted into a string. 

HTML

<script src=
"https://code.jquery.com/jquery-1.12.4.min.js">
</script>

<center>
    <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> ----JSON String----
    <br>
    <script>
        // Sample JS object
        var geeks = {
            name: "Shubham",
            age: 21,
            Intern: "Geeksoforgeeks",
            Place: "Work from Home"
        };

        // Converting JS object to JSON string
        var gfg = JSON.stringify(geeks);
        document.write(gfg);
    </script>
</center>

Output:

Example 2: JavaScript object is converted into a string and generates the alert message. 

html

<script src=
"https://code.jquery.com/jquery-1.12.4.min.js">
</script>

<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
        var geeks = {
            name: "Shubham",
            age: 21,
            Intern: "Geeksoforgeeks",
            Place: "Work from Home"
        };

        // Converting JS object to JSON string
        var gfg = JSON.stringify(geeks);
        var print = "----JSON String----";
        document.getElementById("gfg").innerHTML = print + "\n" + gfg;
        /* alert: {"name": "Shubham", "age": 21,
        "Intern": "Geeksoforgeeks",
        "Place":"Work from Home"}*/
    }
</script>

Output:

jQuery is an open-source JavaScript library that simplifies the interactions between an HTML/CSS document, It is widely famous with it’s philosophy of “Write less, do more”. You can learn jQuery from the ground up by following this jQuery Tutorial and jQuery Examples.