JavaScript JSON
JSON es un formato para almacenar y transportar datos.
JSON se usa a menudo cuando los datos se envían desde un servidor a una página web.
¿Qué es JSON?
- JSON significa J ava Script O bject N otation
- JSON es un formato ligero de intercambio de datos
- JSON es independiente del idioma *
- JSON es "autodescriptivo" y fácil de entender
* La sintaxis JSON se deriva de la sintaxis de notación de objetos de JavaScript, pero el formato JSON es solo texto. El código para leer y generar datos JSON se puede escribir en cualquier lenguaje de programación.
Ejemplo JSON
Esta sintaxis JSON define un objeto de empleados: una matriz de 3 registros de empleados (objetos):
Ejemplo JSON
{
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
}
El formato JSON se evalúa en objetos JavaScript
El formato JSON es sintácticamente idéntico al código para crear objetos JavaScript.
Debido a esta similitud, un programa JavaScript puede convertir fácilmente datos JSON en objetos JavaScript nativos.
Reglas de sintaxis JSON
- Los datos están en pares de nombre/valor
- Los datos están separados por comas
- Las llaves sostienen objetos
- Los corchetes contienen matrices
Datos JSON: un nombre y un valor
Los datos JSON se escriben como pares de nombre/valor, al igual que las propiedades de objeto de JavaScript.
Un par de nombre/valor consta de un nombre de campo (entre comillas dobles), seguido de dos puntos, seguido de un valor:
"firstName":"John"
Los nombres JSON requieren comillas dobles. Los nombres de JavaScript no.
Objetos JSON
Los objetos JSON se escriben entre llaves.
Al igual que en JavaScript, los objetos pueden contener varios pares de nombre/valor:
{"firstName":"John", "lastName":"Doe"}
Matrices JSON
Las matrices JSON se escriben entre corchetes.
Al igual que en JavaScript, una matriz puede contener objetos:
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
En el ejemplo anterior, el objeto "empleados" es una matriz. Contiene tres objetos.
Cada objeto es un registro de una persona (con un nombre y un apellido).
Convertir un texto JSON en un objeto JavaScript
Un uso común de JSON es leer datos de un servidor web y mostrar los datos en una página web.
Para simplificar, esto se puede demostrar usando una cadena como entrada.
Primero, cree una cadena JavaScript que contenga la sintaxis JSON:
let text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';
Luego, use la función incorporada de JavaScript JSON.parse()
para convertir la cadena en un objeto de JavaScript:
const obj = JSON.parse(text);
Finalmente, use el 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>
Puede leer más sobre JSON en nuestro tutorial de JSON .