Sintaxis JSON

Tabla de contenido

    Mostrar tabla de contenidos

La sintaxis JSON es un subconjunto de la sintaxis de JavaScript.

Reglas de sintaxis JSON

La sintaxis JSON se deriva de la sintaxis de notación de objetos de JavaScript:

  • 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 (también conocidos como pares clave/valor).

Un par nombre/valor consta de un nombre de campo (entre comillas dobles), seguido de dos puntos, seguido de un valor:

Ejemplo

"name":"John"

Los nombres JSON requieren comillas dobles.

JSON: evalúa objetos JavaScript

El formato JSON es casi idéntico a los objetos JavaScript.

En JSON, las claves deben ser cadenas escritas entre comillas dobles:

JSON

{"name":"John"}

En JavaScript, las claves pueden ser cadenas, números o nombres de identificadores:

javascript

{name:"John"}

Valores JSON

En JSON, los valores deben ser uno de los siguientes tipos de datos:

  • una cuerda

  • un número

  • un objeto

  • una matriz

  • un booleano

  • nulo

En JavaScript los valores pueden ser todos los anteriores, más cualquier otro JavaScript válido. expresión, incluyendo:

  • Una función

  • una cita

  • indefinido

En JSON, los valores de cadena deben escribirse entre comillas dobles:

JSON

{"name":"John"}

En JavaScript, puedes escribir valores de cadena con comillas dobles o simples:

javascript

{name:'John'}

Objetos JavaScript

Debido a que la sintaxis JSON se deriva de la notación de objetos JavaScript, muy poco más Se necesita software para trabajar con JSON dentro de JavaScript.

Con JavaScript puedes crear un objeto y asignarle datos. eso, así:

Ejemplo

person = {name:"John", age:31, city:"New York"};

Puede acceder a un objeto JavaScript como este:

Ejemplo

// returns John
person.name;

Pruébelo usted mismo →

<!DOCTYPE html>
<html>
<body>

<h2>Access a JavaScript object</h2>
<p id="demo"></p>

<script>
const myObj = {name:"John", age:30, city:"New York"};
document.getElementById("demo").innerHTML = myObj.name;
</script>

</body>
</html>

También se puede acceder así:

Ejemplo

// returns John
person["name"];

Pruébelo usted mismo →

<!DOCTYPE html>
<html>
<body>

<h2>Access a JavaScript object</h2>
<p id="demo"></p>

<script>
const myObj = {name:"John", age:30, city:"New York"};
document.getElementById("demo").innerHTML = myObj["name"];
</script>

</body>
</html>

Los datos se pueden modificar así:

Ejemplo

 person.name = "Gilbert";

Pruébelo usted mismo →

<!DOCTYPE html>
<html>
<body>

<h2>Modify a JavaScript Object</h2>
<p id="demo"></p>

<script>
const myObj = {name:"John", age:30, city:"New York" };
myObj.name = "Gilbert";
document.getElementById("demo").innerHTML = myObj.name;
</script>

</body>
</html>

También se puede modificar así:

Ejemplo

 person["name"] = "Gilbert";

Pruébelo usted mismo →

<!DOCTYPE html>
<html>
<body>

<h2>Modify a JavaScript Object</h2>
<p id="demo"></p>

<script>
const myObj = {name:"John", age:30, city:"New York"};
myObj["name"] = "Gilbert";
document.getElementById("demo").innerHTML = myObj.name;
</script>

</body>
</html>

Aprenderá cómo convertir objetos JavaScript a JSON más adelante en este tutorial.

Matrices de JavaScript como JSON

De la misma manera que los objetos JavaScript se pueden escribir como JSON, las matrices JavaScript se pueden escribir. también debe escribirse como JSON.

Aprenderá más sobre objetos y matrices más adelante en este tutorial.

Archivos JSON

  • El tipo de archivo para archivos JSON es ".json"

  • El tipo MIME para el texto JSON es "application/json"