Json.analizar.Stringify | Explicado con ejemplos

Una de las características más importantes de JavaScript es su notación JSON para transferir datos, JSON Object es percibido por todos los navegadores actualizados y se utiliza en casi todos los lenguajes de programación que están disponibles en el mercado actual. JSON es una notación de datos muy ligera y amigable para los humanos que también es legible por los lenguajes de programación.

Los objetos JSON son transferidos o leídos por el programa en forma de cadenas que se llaman JSON Strings. Para identificar la cadena JSON, simplemente busque comillas en cada extremo de la notación JSON trivial. Sin embargo, las cadenas JSON deben convertirse en objetos JSON para que no tengamos que usar operaciones de cadena en nuestro programa.

Del mismo modo, para transferir datos de un programa a otro, o solo digamos del servidor al lado del cliente, es mejor convertir el objeto JSON nuevamente en una cadena JSON. Para estas conversiones, ES6 JavaScript proporcionó dos funciones "Json.parse () y json.Stringify () ".

Json.stringify () y su uso

Los objetos JavaScript se convierten en cadenas con el "Json.Stringify ()". Para demostrar esta función, vamos a necesitar un objeto que se pueda crear con las siguientes líneas de código:

var myObject =
Nombre: "John Doe",
edad 15,
Correo electrónico: "[email protected] ",
Trabajo: "Auditor",
;

Puede imprimir este objeto en la consola utilizando la siguiente línea:

consola.log (myObject);

Obtendrá la siguiente salida en su consola.

Ahora podemos pasar este objeto en el JSON.función stringify () y guárdela dentro de otra variable usando la siguiente línea:

var convertido = json.Stringify (myObject);

Esta variable se puede imprimir utilizando la consola.Función log ():

consola.log (convertido);

Después de ejecutar el siguiente programa, debe ver el siguiente resultado en su consola:

Como puede ver, pudimos convertir el objeto JSON en una cadena que se puede transferir a través de una red o almacenarse en algún archivo para su uso posterior.

El Stringify () La función toma 2 argumentos adicionales que son opcionales pero aún muy útiles:

• uno es la función conocida como la reemplazo argumento
• el segundo se llama el espacio argumento

El parámetro de reemplazo

El reemplazo es una función que crea con dos parámetros:

• llave
• valor, correspondiente al par de valor clave del objeto.

El reemplazo El método se utiliza para verificar un valor específico o devolver otra cadena en lugar del valor original. El reemplazo El método también se puede utilizar para omitir un par de valores clave de la cadena convertida devolviendo una indefinido valor.

Para crear un método de reemplazo simple que se omitirá el par de valores clave de la cadena resultante si el valor de IS "Auditor", para que use las siguientes líneas de código:

function reemplazar (clave, valor)
if (valor === "auditor")
regresar indefinido;

valor de retorno;

Para crear una nueva cadena resultante con nuestro objeto JavaScript e imprimirlo, use la siguiente línea:

consola.registro (JSON.Stringify (myObject, reemplazar));

Obtiene el siguiente resultado en la consola:

Como puede ver, desde el "trabajo"Key tenía el valor de"Auditor"Por lo tanto, fue omitido de la cadena resultante

El parámetro espacial

El tercer argumento del Json.Stringify () La función es el parámetro de espacio, este parámetro toma una cadena o un número para las siguientes acciones:

• Si se pasa una cadena, entonces esa cadena se agrega antes de que el valor clave se combine
• Si se pasa un número, entonces se agrega ese número de espacios entre los pares de valor clave

Para demostrar el argumento espaciador, utilizamos la siguiente línea de código:

consola.registro (JSON.Stringify (myObject, null, 10));

Observará el siguiente resultado en la consola:

Puede observar el espacio entre cada par de valores clave (el espacio está marcado por la línea amarilla para que sea más prominente)

Para demostrar la agrega de una cadena antes de cada par de valores clave en la cadena resultante, use las siguientes líneas de código:

consola.registro (JSON.Stringify (myObject, null, "a"));

Observará el siguiente resultado en la consola:

La subcijo de subcijo se nota fácilmente

Json.parse () y su uso

El json.La función parse () se usa para convertir una cadena o más precisamente una cadena JSON en un objeto JSON. Para demostrar esto, cree una nueva cadena JSON con la siguiente línea de código:

const string = '"nombre": "John Doe", "Age": 15, "Correo electrónico": "[email protected] "," Job ":" Auditor " ';

Para crear un objeto JSON, pase esta cadena en la función parse () y almacene el objeto resultante en una nueva variable utilizando la siguiente línea de código:

const myobject = json.parse (cadena);

Para observar este objeto resultante, use la función de registro de la consola como así:

consola.log (myObject);

Tras la ejecución, debe observar la siguiente salida en su consola:

Puede acceder a los valores desde este objeto resultante como cualquier otro objeto normal, intente la siguiente línea de código para verificar esto:

consola.Log (myObject.Job + "" + myobject.nombre);

Obtendrá la siguiente salida en su consola:

Eso es todo para json.función () función y json.función stringify ()

Conclusión

El json.La función parse () se usa para convertir una cadena en un objeto JavaScript mientras el JSON.La función Stringify () se usa para convertir un objeto JavaScript en una cadena. La cadena JSON se usa cada vez que queremos transferir datos de un programa a otro, dentro del programa, es mejor usar el objeto JavaScript en lugar de usar las operaciones de cadena. JavaScript proporciona estas dos funciones como funciones integradas, y estas funciones son compatibles con todos los navegadores modernos.