A menudo se utilizan indistintamente los términos JSON y objeto (e incluso objeto JSON cuando hablamos de una estructura de datos, sobre todo en contextos relacionados con AJAX.
Asumo que el lector tiene unos conocimientos básicos de Javascript:
//así declaramos un objeto básico en Javascript
let objeto={ atributo: 'valor'}
JSON es el acrónimo de JavaScript Object Notation, es un formato de texto ligero para el intercambio de datos. ¿Qué quiere decir esto? Bueno, si vemos el siguiente texto
<lista-nodos>
<nodo id="1">texto1</nodo>
<nodo id="3">texto2</nodo>
<nodo id="5">texto1</nodo>
</lista-nodos>
Todo programador tiene claro que eso es un texto en formato XML. Pues bien, JSON no es más que un formato distinto pero con la misma función. El equivalente a ese XML podría ser algo como:
[
{ "id": "1", "valor": "texto1"},
{ "id": "3", "valor": "texto2"},
{ "id": "5", "valor": "texto1"}
]
Como su propio nombre indica, esta notación es similar a la que usaríamos en Javascript para crear un objeto:
const datos=[
{ id: "1", valor: "texto1"},
{ id: "3", valor: "texto2"},
{ id: "5", valor: "texto1"}
];
datos.forEach(dato=> console.log('elemento:',dato.id,dato.valor))
console.info("tipo de dato=", typeof(datos))Pero un JSON es, y aquí me estoy repitiendo, texto:
//esto es un texto en formato JSON
const datosJson=`[
{ "id": "1", "valor": "texto1"},
{ "id": "3", "valor": "texto2"},
{ "id": "5", "valor": "texto1"}
]`;
console.log(datosJson);
console.info("tipo de dato=", typeof(datosJson))El formato JSON es algo más restrictivo de lo que sería el código Javascript:
<!-- Comentarios-->)undefined.Y, ¿cómo transformamos el texto en un objeto manipulable? ¿Y cómo hacemos la operación inversa?
Usando las siguientes funciones:
JSON.parse(<texto>) nos devuelve un objeto creado a partir de un string que esté en formato JSON.JSON.stringify(obj) nos devuelve un string en formato JSON con los atributos del objeto obj. Si obj tiene atributos que sean funciones, serán ignorados.//texto con formato inválido
const datosJson=`[
{ "id": "1", valor: "texto1"},
{ "id": "3", valor: "texto2"},
]`;
try {
const datos=JSON.parse(datosJson);
} catch(error) {
console.log('Falla porque las claves valor no está entre comillas')
}
const datosJson2=`[
{ "id": 1, "valor": "texto1"},
{ "id": 3, "valor": "texto2"},
{ "id": 5, "valor": "texto1"}
]`;
//transformamos a objeto
const d=JSON.parse(datosJson2);
console.log(d[0].id);
//añadimos un elemento
d.push({id:4,valor:'otro texto'});
//transformamos el objeto de nuevo a JSON
console.log(JSON.stringify(d));Por tanto, aunque JSON tenga como origen el lenguaje Javascript, no es más que una forma de enviar datos entre aplicaciones, que no necesariamente estarán implementadas con Javascript: cualquier lenguaje de programación puede procesar un JSON (al igual que un XML) para obtener la información necesaria.
Dos ejemplos cotidianos del uso de JSON son:
localStorage o el sessionStorage, los métodos setItem y getItem sólo trabajan con el tipo string, con lo que es necesario transformar los objetos que queremos guardar a texto.
Yo quisiera dar una respuesta más coloquial, algo que podrías dar como ejemplo a un no programador o principiante.
- Objeto: se circunscribe al código, se inicializa y se trabaja con el objeto durante la ejecución de un programa. El objeto estará formateado según las reglas semánticas del correspondiente lenguaje (orientado a objetos) en el que está escrito el código en el que se definen los objetos.
- JSON: es el 'archivo' que se usa como input-output, para inicializar o guardar estados o valores de un objeto y como es un 'estándar', tiene sus propias reglas semánticas definidas. Esta estandarización del formato hace que JSON tenga compatibilidad entre diferentes lenguajes de programación.
