Cómo usar JSON.parse () y json.Stringify ()

Json representa la notación de objeto JavaScript. JSON es un formato de datos legible por humanos comúnmente utilizado para intercambiar datos entre el navegador web, los clientes y el servidor. La mayoría de las API modernas utilizando formatos JSON como salida. Es por eso que el JSON se está convirtiendo en formato de datos popular para la producción de la API.

JavaScript proporciona dos métodos para trabajar con contenido JSON. analizar y stringify. Los métodos son JSON.parse () y json.Stringify ().

• Json.analizar gramaticalmente() El método toma la cadena JSON y la transforma en un objeto JavaScript.
• Json.Stringify () El método toma un objeto JavaScript y lo transforma en una cadena JSON.

1. Usando JSON.analizar gramaticalmente()

El json.La función parse () toma la entrada de datos JSON y los transforma en un objeto JavaScript. Aquí hay un ejemplo simple de convertir una cadena JSON en un objeto JS.

// almacena datos JSON en una variable JavaScript var json = '"id": 1, "Nombre": "Dan Radak", "País": "Estados Unidos"'; // Convertir la cadena JSON en objeto JavaScript var obj = json.parse (json); // acceder a valores individuales desde la consola de objetos JavaScript.registro (OBJ.identificación); // salidas: 1 consola.registro (OBJ.nombre); // salidas: consola Dan Radak.registro (OBJ.país); // Salidas: Estados Unidos

12345678910

// almacena datos JSON en un JavaScript VariableVar json = '"id": 1, "Nombre": "Dan Radak", "País": "Estados Unidos"'; // Convertir la cadena JSON a JavaScript ObjectVar obj = JSON.parse (json); // Acceda a valores individuales desde el JavaScript ObjectConsole.registro (OBJ.identificación); // salidas: 1Console.registro (OBJ.nombre); // Salidas: Dan Radakconsole.registro (OBJ.país); // Salidas: Estados Unidos

Pasando una función - También puede pasar una función como segundo argumento (opcional) a JSON.Función parse () para realizar alguna tarea en cada valores de JSON. Aquí hay un ejemplo al que una función transforma todos los valores de cadena en mayúsculas en el objeto devuelto del método de análisis:

// almacena datos JSON en una variable JavaScript var json = '"id": 1, "Nombre": "Dan Radak", "País": "Estados Unidos"'; // Convertir la cadena JSON en objeto JavaScript var obj = json.parse (json, (clave, valor) => if (typeof value === 'string') Valor de retorno.tOUPPERCASE (); valor de retorno; ); // acceder a valores individuales desde la consola de objetos JavaScript.registro (OBJ.identificación); // salidas: 1 consola.registro (OBJ.nombre); // salidas: consola Dan Radak.registro (OBJ.país); // Salidas: Estados Unidos

123456789101112131415

// almacena datos JSON en un JavaScript VariableVar json = '"id": 1, "Nombre": "Dan Radak", "País": "Estados Unidos"'; // Convertir la cadena JSON a JavaScript ObjectVar obj = JSON.parse (json, (clave, valor) => if (typeof value === 'string') Valor de retorno.tOUPPERCASE (); valor de retorno;); // Acceda a valores individuales desde el JavaScript ObjectConsole.registro (OBJ.identificación); // salidas: 1Console.registro (OBJ.nombre); // Salidas: Dan Radakconsole.registro (OBJ.país); // Salidas: Estados Unidos

Asumimos que esto te ayuda a comprender los usos de JSON.método parse (). A continuación, aprende otro método json.stringify () para realizar el reverso de arriba.

2. Usando JSON.Stringify ()

Json.El método Stringify () se usa para transformar un objeto JavaScript a la cadena JSON. Simplemente puede pasar un objeto JavaScript a esta función y obtener una matriz JSON.

Aquí hay un simple ejemplo de JSON.Método Stringify ():

// Crear un objeto JavaScript var obj = id: 1, nombre: "Dan Radak", país: "Estados Unidos" // Convertir el objeto JS a la cadena JSON var json = json.Stringify (obj); consola.log (json); // Salida esperada: "id": 1, "Nombre": "Dan Radak", "País": "Estados Unidos"

12345678

// Crear un objeto JavaScript var obj = id: 1, nombre: "Dan Radak", país: "Estados Unidos" // Convertir el objeto JS a JSON StringVar JSON = JSON.Stringify (obj); consola.log (json); // Salida esperada: "id": 1, "Nombre": "Dan Radak", "País": "Estados Unidos"

También puede pasar dos argumentos adicionales, uno es la función de reemplazo y el segundo puede ser el valor de espacio para formatear la salida.

Usando la función de reemplazo - Se utiliza una función de reemplazo para filtrar los valores de salida. Por ejemplo, puede crear una función y pasarla como argumento. Esta función devolverá cualquier valor de cadena como indefinido.

// objeto javascript var obj = id: 1, nombre: "Dan Radak", edad: 28, país: "Estados Unidos" Función Reemplazer (clave, valor) // Filtrando las propiedades if (typeOf Value ===== 'string') return undefined; valor de retorno; // usando una consola de funciones de reemplazo.registro (JSON.Stringify (obj, reemplazar)); // Salida esperada: "id": 1, "edad": 28

1234567891011121314

// objeto javascript var obj = id: 1, nombre: "Dan Radak", edad: 28, país: "Estados Unidos" Función Reemplazer (clave, valor) // Filtrando las propiedades if (typeOf Value ===== 'string') return undefined; valor de retorno; // usando un reemplazo de funciones.registro (JSON.Stringify (obj, reemplazar)); // Salida esperada: "id": 1, "edad": 28

Usando la matriz como reemplazo - También puede pasar una matriz que contiene algunos nombres clave como reemplazo. Aquí la función Stringify () solo devolverá los valores de par de teclas coincidentes que las teclas se envían como reemplazo.

Por ejemplo, enviamos identificación y nombre en una matriz como función de reemplazo. En este caso, solo esos valores se devuelven como objeto JS y descartan cualquier otro valor.

// Crear un objeto JavaScript var obj = id: 1, nombre: "Dan Radak", edad: 28, país: "Estados Unidos" // Convertir el objeto JS a la cadena JSON con la consola de reemplazo de matriz.registro (JSON.stringify (obj, ["id", "nombre"])); // Salida esperada: "id": 1, "Nombre": "Dan Radak"

123456

// Crear un objeto JavaScript var obj = id: 1, nombre: "Dan Radak", edad: 28, país: "Estados Unidos" // Convertir el objeto JS a la cadena JSON con reemplazo de matriz.registro (JSON.stringify (obj, ["id", "nombre"])); // Salida esperada: "id": 1, "Nombre": "Dan Radak"

Argumento espacial que pasa - También puede pasar el valor de espacio como un tercer argumento opcional. Esto ayuda a hacer la salida en formato más legible.

// Crear un objeto JavaScript var obj = id: 1, nombre: "Dan Radak", edad: 28, país: "Estados Unidos" // Función de reemplazo vacío Reemplazador (clave, valor) Valor de retorno; // Uso de la consola de argumentos espaciales opcionales.registro (JSON.stringify (obj, reemplazar, "); // Salida esperada // //" id ": 1, //" Nombre ":" Dan Radak ", //" Age ": 28, //" Country ":" Estados Unidos "// // usando una pestaña como consola de argumentos espaciales.registro (JSON.Stringify (obj, reemplazar, '\ t'); // Salida esperada // // "id": 1, // "Nombre": "Dan Radak", // "Age": 28, // "País": "Estados Unidos" //

123456789101112131415161718192021222324252627

// Crear un objeto JavaScript var obj = id: 1, nombre: "Dan Radak", edad: 28, país: "Estados Unidos" // reemplazo de funciones de reemplazo vacío (clave, valor) valor de retorno; // Usando el espacio de argumento espacial opcional.registro (JSON.stringify (obj, reemplazar, "); // Salida esperada // //" id ": 1, //" Nombre ":" Dan Radak ", //" Age ": 28, //" Country ":" Estados Unidos "// // Usando una pestaña como Space ArgumentConsole.registro (JSON.Stringify (obj, reemplazar, '\ t'); // Salida esperada // // "id": 1, // "Nombre": "Dan Radak", // "Age": 28, // "Country ": "Estados Unidos"//

Conclusión

En este tutorial, has aprendido los usos del JSON.parse () y json.métodos stringify ().