Método JavaScript JSON stringify() – Part 1

El método JSON.stringify() en Javascript se usa para crear una string JSON a partir de él. Mientras se desarrolla una aplicación usando JavaScript, muchas veces es necesario serializar los datos en strings para almacenar los datos en una base de datos o para enviar los datos a una API o servidor web. Los datos tienen que estar en forma de strings. Esta conversión de un objeto a una string se puede realizar fácilmente con la ayuda del método JSON.stringify().

Sintaxis:

JSON.stringify(value, replacer, space);

Parámetros: este método acepta tres parámetros, como se mencionó anteriormente y se describe a continuación:

• valor: Es el valor que se va a convertir en una string JSON.
• replacer: Es un parámetro opcional. Este valor de parámetro puede ser una función de modificación o una array utilizada como filtro seleccionado para stringify. Si el valor está vacío o es nulo, todas las propiedades de un objeto se incluyen en una string.
• espacio: También es un parámetro opcional. Este argumento se utiliza para controlar el espaciado en la string final generada mediante la función JSON.stringify(). Puede ser un número o una string, si es un número, luego el número especificado de espacios sangrados en la string final y, si es una string, esa string se usa (hasta 10 caracteres) para la sangría.

Valor devuelto: Devuelve una string para un valor dado.

Ejemplo:  El siguiente ejemplo ilustra el método JSON signify() en JavaScript:

var value = { name: "Logan", age: 21, location: "London" };
var result = JSON.stringify(value);

Output:
{"name":"Logan", "age":21, "location":"London"}

Ejemplo:  El siguiente es el ejemplo del método JSON stringify() . 

<script>
    const value = {
        Company: "GeeksforGeeks",
        Estd: 2009,
        location: "Noida"
    };
    const result = JSON.stringify(value);
    document.write("value of result = " + result + "<br>");
</script>

Producción:

value of result = {"Company":"GeeksforGeeks",
                   "Estd":2009,
                   "location":"Noida"}

Más códigos de ejemplo para el método anterior son los siguientes: 

Programa 1: en el siguiente código, el objeto JavaScript se pasa como un valor en la función para convertirlo en una string.

<script>
    var value = {
        name: "Logan",
        age: 21,
        location: "London"
    };
    var result = JSON.stringify(value);
    document.write("value of result = " + result + "<br>");
    document.write("type of result = " + typeof result);
</script>

Producción:

value of result = {"name":"Logan", "age":21, "location":"London"}
type of result = string

Programa 2: en el código a continuación, se revisará, ya que es útil convertirlo en una string sin hacer cambios en el objeto original, lo que es útil para que el objeto anidado cambie sin reflejarse en el objeto original.

let obj = {
    name: "GFG",
    add : {
        country: "India",
        state : {
            code : "JS",
            topic : "stringify"
        }
    }
}
 
let obj2 = JSON.parse(JSON.stringify(obj));
obj2.add.state.topic  = "stringify json object";
console.log(obj);
console.log(obj2);

 

Programa 3: en el siguiente código, la array de JavaScript se puede pasar como un valor en la función para convertirla en una string.

<script>
    var value = ["Logan", 21, "Peter", 24];
    var result = JSON.stringify(value);
    document.write("value of result = " + result + "<br>");
    document.write("type of result = " + typeof result);
</script>

Producción:

value of result = ["Logan", 21, "Peter", 24]
type of result = string

Navegadores compatibles:

• cromo 4.0
• Firefox 3.5
• Microsoft Edge 12.0
• Ópera 11.0
• Internet Explorer 8.0
• Safari 4.0