JSON de JavaScript

JSON es un formato para almacenar y transmitir datos.

JSON se utiliza comúnmente cuando los datos se envían desde el servidor al navegador web.

¿Qué es JSON?

  • JSON se refiere a JavaScripto Oobjeto Nnotación
  • JSON es un formato ligero para el intercambio de datos
  • JSON es independiente del lenguaje *
  • JSON es "auto-descriptivo" y fácil de entender

* La sintaxis JSON procede de la sintaxis de los símbolos de objeto JavaScript, pero el formato JSON es texto puro. El código para leer y generar datos JSON se puede escribir en cualquier lenguaje de programación.

Ejemplo JSON

La sintaxis JSON define un objeto empleado: un array que contiene tres registros de empleados (objetos):

Ejemplo JSON

{
"employees":[
    {"firstName":"Bill", "lastName":"Gates"}, 
    {"firstName":"Steve", "lastName":"Jobs"},
    {"firstName":"Alan", "lastName":"Turing"}
]
}

El formato JSON se evalúa como un objeto JavaScript

El formato JSON es similar a la sintaxis del código para crear objetos JavaScript.

Debido a esta similitud, los programas JavaScript pueden convertir fácilmente los datos JSON a objetos JavaScript locales.

Reglas de sintaxis JSON

  • Los datos son pares de nombre/valor
  • Los datos se separan por comas
  • Las llaves almacenan objetos
  • Los corchetes almacenan arrays

Datos JSON - Nombre y valor

Los datos JSON se escriben en forma de par de nombre/valor, de manera similar a las propiedades de un objeto JavaScript.

El par de nombre/valor se compone del nombre del campo (entre comillas dobles), seguido de dos puntos, y luego el valor:

"firstName":"Bill"

Los nombres JSON necesitan comillas dobles. Los nombres de JavaScript no necesitan.

Objeto JSON

Los objetos JSON se escriben dentro de llaves.

Al igual que JavaScript, los objetos pueden contener múltiples pares de nombre/valor:

{"firstName":"Bill", "lastName":"Gates"}

Arreglo JSON

Los arrays JSON se escriben entre corchetes.

Al igual que JavaScript, los arrays pueden contener objetos:

"employees":[
    {"firstName":"Bill", "lastName":"Gates"}, 
    {"firstName":"Steve", "lastName":"Jobs"}, 
    {"firstName":"Alan", "lastName":"Turing"}
]

En el ejemplo anterior, el objeto "employees" es un array. Contiene tres objetos.

Cada objeto representa un registro de una persona (con nombre y apellido).

Convertir el texto JSON en un objeto JavaScript

El uso común de JSON es leer datos de un servidor web y luego mostrarlos en una página web.

Para simplificar, se puede usar una cadena como ejemplo de entrada.

Primero, cree una cadena de JavaScript que siga la sintaxis de JSON:

var texto = '{ "employees" : [
'{ "firstName":"Bill" , "lastName":"Gates" },' +
'{ "firstName":"Steve" , "lastName":"Jobs" },' +
'{ "firstName":"Alan" , "lastName":"Turing" } ]}';

Luego, use la función integrada JSON.parse() de JavaScript para convertir esta cadena en un objeto JavaScript:

var obj = JSON.parse(text);

Por último, utilice este nuevo objeto JavaScript en su página:

Ejemplo

<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>

própiamente

Puede probarlo en nuestra Tutoriales de JSON Lea más sobre JSON aquí.