Dado un objeto JS, la tarea es convertirlo en una string JSON.
Usando el método JSON.stringify(): El método JSON.stringify() en javascript nos permite tomar un objeto JavaScript o Array y crear una string JSON a partir de él.
Sintaxis:
JSON.stringify(value, replacer, space)
Acercarse:
- Almacene el objeto JSON en la variable.
- Pase esa variable en JSON.stringify() como argumento.
- Devolverá el valor que se convertirá en una string JSON.
Ejemplo 1: el objeto de JavaScript se convierte en una string.
<!DOCTYPE html>
<html>
<head>
<title>How to Convert JS Object
to JSON String?</title>
<script src="https://code.jquery.com/jquery-1.12.4.min.js">
</script>
</head>
<body>
<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);
/* Prints: {"name": "Shubham", "age": 21,
"Intern": "Geeksoforgeeks",
"Place":"Work from Home"}*/
</script>
</center>
</body>
</html>
Producción:
Ejemplo 2: el objeto de JavaScript se convierte en una string y genera el mensaje de alerta.
<!DOCTYPE html>
<html>
<head>
<title>How to Convert JS Object
to JSON String?</title>
<script src="https://code.jquery.com/jquery-1.12.4.min.js">
</script>
</head>
<body>
<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>
<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----";
alert(print + "\n" + gfg);
/* alert: {"name": "Shubham", "age": 21,
"Intern": "Geeksoforgeeks",
"Place":"Work from Home"}*/
}
</script>
</center>
</body>
</html>
Salida:
Antes de hacer clic en el botón: 
Después de hacer clic en el botón:
jQuery es una biblioteca JavaScript de código abierto que simplifica las interacciones entre un documento HTML/CSS. Es muy famosa por su filosofía de «Escribir menos, hacer más» .
Puede aprender jQuery desde cero siguiendo este tutorial de jQuery y ejemplos de jQuery .
Publicación traducida automáticamente
Artículo escrito por SHUBHAMSINGH10 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA