Ahora veremos otra actividad común que es la conversión de un objeto literal de JavaScript en formato JSON.
Para probar esta función implementaremos una pequeña aplicación que convierta un objeto literal definido en JavaScript en formato JSON.
pagina1.html:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Problema</title> <script src="funciones.js"></script> </head> <body> <h2>Convertir un objeto JavaScript a formato JSON</h2> <input type="button" value="Convertir" id="boton1"> </body> </html>
Nuestro archivo con las funciones en JavaScript (funciones.js):
addEventListener('load',inicializarEventos,false); function inicializarEventos() { var ref=document.getElementById('boton1'); ref.addEventListener('click',mostrarConversion,false); } function mostrarConversion(e) { var obj={ nombre:'juan', edad:25, sueldos:[1200,1700,1990] }; var cadena=JSON.stringify(obj); alert(cadena); }
Lo más importante lo podemos encontrar en la función mostrarConversion:
function mostrarConversion(e) { var obj={ nombre:'juan', edad:25, sueldos:[1200,1700,1990] }; var cadena=JSON.stringify(obj); alert(cadena); }
Primero definimos un objeto en JavaScript:
var obj={ nombre:'juan', edad:25, sueldos:[1200,1700,1990] };
El objeto obj contiene tres atributos (nombre,edad y sueldo), de los cuales el último es un array con tres elementos.
Luego simplemente llamando al método stringify pasando como parámetro el objeto y nos retorna un string con el contenido del objeto pero codificado en formato JSON:
var cadena=JSON.stringify(obj); alert(cadena);
Convertir un objeto literal de JavaScript a una cadena JSON. Para esto implementar un ejercicio donde al presionar un botón se cree un objeto que almacena tres atributos, de los cuales uno sea una array. Luego convertir dicho objeto a formato JSON