En este tutorial, aprenderá sobre JSON y cómo se usa JavaScript con JSON con la ayuda de ejemplos.
JSON son las siglas de Javascript Object Notation. JSON es un formato de datos basado en texto que se utiliza para almacenar y transferir datos. Por ejemplo,
// JSON syntax ( "name": "John", "age": 22, "gender": "male", )
En JSON, los datos están en pares clave / valor separados por una coma ,.
JSON se derivó de JavaScript. Entonces, la sintaxis JSON se parece a la sintaxis literal de objetos JavaScript. Sin embargo, también se puede acceder al formato JSON y crearlo con otros lenguajes de programación.
Nota : los objetos JavaScript y JSON no son lo mismo. Aprenderá sobre sus diferencias más adelante en este tutorial.
Datos JSON
Los datos JSON constan de pares clave / valor similares a las propiedades de los objetos JavaScript. La clave y los valores se escriben entre comillas dobles separadas por dos puntos :. Por ejemplo,
// JSON data "name": "John"
Nota : Los datos JSON requieren comillas dobles para la clave.
Objeto JSON
El objeto JSON está escrito entre llaves ( ). Los objetos JSON pueden contener varios pares clave / valor . Por ejemplo,
// JSON object ( "name": "John", "age": 22 )
Matriz JSON
La matriz JSON está escrita entre corchetes ( ). Por ejemplo,
// JSON array ( "apple", "mango", "banana") // JSON array containing objects ( ( "name": "John", "age": 22 ), ( "name": "Peter", "age": 20 ). ( "name": "Mark", "age": 23 ) )
Nota : Los datos JSON pueden contener objetos y matrices. Sin embargo, a diferencia de los objetos de JavaScript, los datos JSON no pueden contener funciones como valores.
Acceder a datos JSON
Puede acceder a los datos JSON utilizando la notación de puntos. Por ejemplo,
// JSON object const data = ( "name": "John", "age": 22, "hobby": ( "reading" : true, "gaming" : false, "sport" : "football" ), "class" : ("JavaScript", "HTML", "CSS") ) // accessing JSON object console.log(data.name); // John console.log(data.hobby); // ( gaming: false, reading: true, sport: "football") console.log(data.hobby.sport); // football console.log(data.class(1)); // HTML
Usamos la .notación para acceder a datos JSON. Su sintaxis es:variableName.key
También puede utilizar la sintaxis de corchetes ()para acceder a los datos JSON. Por ejemplo,
// JSON object const data = ( "name": "John", "age": 22 ) // accessing JSON object console.log(data("name")); // John
Objetos JavaScript VS JSON
Aunque la sintaxis de JSON es similar a la del objeto JavaScript, JSON es diferente de los objetos JavaScript.
| JSON | Objeto JavaScript |
|---|---|
| La clave del par clave / valor debe estar entre comillas dobles. | La clave del par clave / valor puede estar sin comillas dobles. |
| JSON no puede contener funciones. | Los objetos JavaScript pueden contener funciones. |
| JSON puede ser creado y utilizado por otros lenguajes de programación. | Los objetos JavaScript solo se pueden usar en JavaScript. |
Conversión de JSON a objeto JavaScript
Puede convertir datos JSON en un objeto JavaScript utilizando la JSON.parse()función incorporada. Por ejemplo,
// json object const jsonData = '( "name": "John", "age": 22 )'; // converting to JavaScript object const obj = JSON.parse(jsonData); // accessing the data console.log(obj.name); // John
Conversión de objetos JavaScript a JSON
También puede convertir objetos JavaScript a formato JSON utilizando la JSON.stringify()función incorporada de JavaScript . Por ejemplo,
// JavaScript object const jsonData = ( "name": "John", "age": 22 ); // converting to JSON const obj = JSON.stringify(jsonData); // accessing the data console.log(obj); // "("name":"John","age":22)"
Uso de JSON
JSON es el formato más utilizado para transmitir datos (intercambio de datos) desde un servidor a un cliente y viceversa. Los datos JSON son muy fáciles de analizar y usar. Es rápido acceder y manipular datos JSON ya que solo contienen texto.
JSON es independiente del idioma. También puede crear y usar JSON en otros lenguajes de programación.
