Cómo convertir el objeto JavaScript en formato de cadena JSON
Este artículo explicará JSON.Método Stringify () en JavaScript. También demostraremos los ejemplos relacionados con el uso de JSON.método stringify () con matriz de reemplazo, función de reemplazo, y espacio Parámetro en este artículo. Entonces, comencemos!
Que es json.método stringify ()
Como desarrollador de JavaScript, es posible que deba serializar los datos para que se ajuste para almacenar en la base de datos de la aplicación o enviarlos a cualquier servidor web o una API. Si necesita enviar cualquier datos específicos a un servidor web, debe estar en formato de cadena.
Sintaxis de JSON.método stringify ()
Json.Stringify (valor, reemplazar, espacio);Puedes ver en la sintaxis dada anteriormente que el JSON.El método Stringify () tiene los parámetros: "valor","reemplazo", y "espacio":
- El primer parámetro, "valor" representa el "objeto"Que nos convertiremos en una cadena.
- El segundo parámetro, "reemplazo"Representa un formación o cualquier función de modificación que se puede utilizar como un filtro para el JSON.método stringify ().
- Por último, el "espacio"Parámetros controla los espacios en la cadena generada final.
El "reemplazo" y "espacio"Los parámetros son opcionales, mientras que debe pasar cualquier objeto como"valor"Para el JSON.método stringify () para que pueda devolver una cadena.
Ejemplo: JSON.Método Stringify () en JavaScript
En el ejemplo dado a continuación, utilizaremos el JSON.Método Stringify () para convertir un objeto en una cadena en JavaScript. Para este propósito, en primer lugar crearemos un objeto JavaScript "obj"Y agregue algunos pares de valor clave para ello:
var obj = "nombre": "Alex", "Age": 25, "Ciudad": "París";A continuación, pasaremos "obj"Para el JSON.método stringify () y la cadena devuelta se almacenará en "Json":
var json = json.Stringify (obj);Después de invocar el JSON.Método Stringify (), las teclas agregadas en nuestro "obj"El objeto JavaScript se convierte en una cadena, sin embargo, el método especificado procesó sus valores en función de su tipo:
consola.log (json);Puede utilizar cualquier sandbox de codificación en línea o su editor de código favorito para ejecutar el programa JavaScript proporcionado; Sin embargo, usaremos el código de Visual Studio:
La salida del programa anterior muestra que el JSON.El método Stringify () ha convertido correctamente el objeto agregado en una cadena:
Json.método stringify () con reemplazado
Como se ha mencionado más arriba, "reemplazo"Es una discusión pasada al JSON.Método Stringify () para hacer cambios en un objeto JavaScript antes de su conversión en una cadena. El "reemplazoParámetro de JSON.El método stringify () puede ser un formación o función. Le proporcionaremos ejemplos relacionados con ambos casos.
Ejemplo: JSON.método stringify () con la función reemplazadora
Para definir una función de reemplazo, primero, debe especificar "llave" y "valor"Como sus argumentos. Después de eso, puede agregar cualquier declaración condicional en su cuerpo y establecer esta función para devolver un "valor".
En este ejemplo, intentaremos convertir el valor de un objeto en letras mayúsculas antes de convertirlo en una cadena. Para hacerlo, crearemos un "obj"JavaScript Object tiene tres pares de valores clave:
var obj = "nombre": "Alex", "Age": "20", "Ciudad": "París";Entonces, invocaremos el JSON.método stringify () y agregue la función reemplazar para convertir el valor de "ciudad"Clave en una carta de mayúsculas. Después de realizar esta operación, el JSON.El método Stringify () se convertirá "obj"Para caducar y almacenar el valor devuelto en"texto":
VAR Text = JSON.Stringify (obj, function (key, value)if (key == "ciudad")
valor de retorno.tOUPPERCASE ();
demás
valor de retorno;
);
Por último, mostraremos la cadena convertida usando la consola.Método log ():
consola.log (texto);Consulte la salida dada a continuación; el valor del "ciudad"La clave ahora está en letras mayúsculas:
Ejemplo: JSON.método stringify () con matriz de reemplazo
Ahora, pasaremos una matriz de reemplazo al JSON.método stringify () como argumento. Para este propósito, crearemos un "obj"JavaScript Object con lo siguiente"valor clave"Pares:
var obj = "nombre": "Alex", "Age": 25, "Ciudad": "París";A continuación, pasaremos el "obj"Como un valor y"['nombre Edad']"Como una matriz. Al hacerlo, el JSON.El método Stringify () solo convertirá las teclas agregadas en la matriz pasada. El valor devuelto por el método invocado se almacenará en "Json":
var json = json.stringify (obj, ['nombre', 'edad']);consola.log (json);
Aquí está el resultado del que obtuvimos pasando la matriz de reemplazos en nuestro JSON.Método Stringify ():
Json.método stringify () con espacio
"espacio"Es otro parámetro opcional agregado en el"Json.Stringify ()Método para controlar la presentación o visualización de la cadena convertida. A "número"Se agrega como espacio que representa la cantidad de espacios en blanco que desea colocar al comienzo de una línea donde comienzan las salidas de la cadena.
Ejemplo: JSON.método stringify () con espacio
En nuestro programa JavaScript, invocaremos el JSON.método stringify () al agregar parámetro de espacio. Para hacerlo, crearemos un objeto JavaScript llamado "obj", Tener los siguientes tres"valor clave"Pares:
var obj = "nombre": "Alex", "Age": "25", "Ciudad": "París";Después de eso, utilizaremos el JSON.Método Stringify () para convertir nuestro objeto JavaScript "obj"A un"texto" cadena. Tenga en cuenta que hemos agregado "4"Como un parámetro de espacio que representa el número de espacios antes de que comience la cadena:
VAR Text = JSON.Stringify (obj, nulo, 4);consola.log (texto);
Como puede ver en la salida anterior, que cuatro espacios se agregan con éxito antes de cada uno "valor clave" par.
Conclusión
El Json.método stringify () Convierte un objeto JSON en una cadena. En el JSON.Método Stringify (), puede especificar varios parámetros, como el reemplazo y el espacio, para cambiar cualquier valor clave o controlar los espacios en la salida. Este artículo explicó JSON.Método Stringify () en JavaScript con la demostración de los ejemplos utilizando la matriz de reemplazo, la función de reemplazo y el espacio.