¿Qué es JSON y para qué sirve?

JSON (Notación de objetos JavaScript) es un formato ligero que se utiliza para el intercambio de datos. Se basa en un subconjunto del lenguaje JavaScript (la forma en que se crean los objetos en JavaScript). Como se indica en MDN , algunos JavaScript no son JSON y otros JSON no son JavaScript.

Un ejemplo de dónde se utiliza esto son las respuestas de servicios web. En los "viejos" tiempos, los servicios web utilizaban XML como formato de datos principal para transmitir datos, pero desde que apareció JSON ( el formato JSON está especificado en RFC 4627 por Douglas Crockford ), ha sido el formato preferido porque es mucho más ligero

Puede encontrar mucha más información en el sitio web oficial de JSON .

JSON se basa en dos estructuras:

• Una colección de pares de nombre/valor. En varios idiomas, esto se realiza como un objeto, registro, estructura, diccionario, tabla hash, lista con clave o matriz asociativa.
• Una lista ordenada de valores. En la mayoría de los lenguajes, esto se realiza como una matriz, un vector, una lista o una secuencia.

Estructura JSON

A continuación se muestra un ejemplo de datos JSON:

{
     "firstName": "John",
     "lastName": "Smith",
     "address": {
         "streetAddress": "21 2nd Street",
         "city": "New York",
         "state": "NY",
         "postalCode": 10021
     },
     "phoneNumbers": [
         "212 555-1234",
         "646 555-4567"
     ]
 }

JSON en JavaScript

¡JSON (en JavaScript) es una cadena!

La gente suele asumir que todos los objetos JavaScript son JSON y que JSON es un objeto JavaScript. Esto es incorrecto.

En JavaScript, no var x = {x:y}es JSON , es un objeto de JavaScript . Los dos no son lo mismo. El equivalente JSON (representado en el lenguaje JavaScript) sería var x = '{"x":"y"}'. xes un objeto de tipo cadena , no un objeto por derecho propio. Para convertir esto en un objeto JavaScript completo, primero debe analizarlo. var x = JSON.parse('{"x":"y"}');Ahora xes un objeto, pero ya no es JSON.

Ver Objeto JavaScript versus JSON

Cuando trabaje con JSON y JavaScript, puede tener la tentación de utilizar la evalfunción para evaluar el resultado devuelto en la devolución de llamada, pero esto no se sugiere ya que hay dos caracteres (U+2028 y U+2029) válidos en JSON pero no en JavaScript. (lea más de esto aquí ).

Por lo tanto, siempre se debe intentar utilizar el script de Crockford que comprueba si hay un JSON válido antes de evaluarlo. El enlace a la explicación del script se encuentra aquí y aquí hay un enlace directo al archivo JavaScript. Cada navegador importante hoy en día tiene su propia implementación para esto.

Ejemplo de cómo utilizar el analizador JSON (con el JSON del fragmento de código anterior):

// The callback function that will be executed once data is received from the server
var callback = function (result) {
    var johnny = JSON.parse(result);
    // Now, the variable 'johnny' is an object that contains all of the properties
    //from the above code snippet (the JSON example)
    alert(johnny.firstName + ' ' + johnny.lastName); // Will alert 'John Smith'
};

El analizador JSON también ofrece otro método muy útil, stringify. Este método acepta un objeto JavaScript como parámetro y genera una cadena con formato JSON. Esto es útil cuando desea enviar datos al servidor:

var anObject = {name: "Andreas", surname : "Grech", age : 20};
var jsonFormat = JSON.stringify(anObject);
// The above method will output this: {"name":"Andreas","surname":"Grech","age":20}

Los dos métodos anteriores ( parsey stringify) también toman un segundo parámetro, que es una función que se llamará para cada clave y valor en cada nivel del resultado final, y cada valor será reemplazado por el resultado de su función ingresada. (Más sobre esto aquí )

Por cierto, para todos aquellos que piensan que JSON es solo para JavaScript, consulten esta publicación que explica y confirma lo contrario.

Referencias

• JSON.org
• Wikipedia
• Json en 3 minutos (Gracias mson )
• Usando JSON con Yahoo! Servicios web (Gracias gljivar )
• Convertidor de JSON a CSV
• Convertidor alternativo de JSON a CSV
• JSON Lint (validador JSON)

Dec 20 '2008 20:12 Andreas Grech