JavaScript JSON

JSON significa Notación de objetos Javascript. 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 valor clave pares separados por una coma ,.

JSON se derivó de JavaScript. Por lo tanto, la sintaxis de JSON se parece a la sintaxis literal de objetos de JavaScript. Sin embargo, el formato JSON también puede ser accedido y creado por otros lenguajes de programación.

Nota: los objetos JavaScript y JSON no son lo mismo. Aprenderá acerca de sus diferencias más adelante en este tutorial.

Datos JSON

Los datos JSON consisten en valor clave pares similares a las propiedades de objeto de JavaScript. La clave y los valores se escriben entre comillas dobles separados por dos puntos :. Por ejemplo,

// JSON data
"name": "John"

Nota: los datos JSON requieren comillas dobles para la clave.

Objeto JSON

El objeto JSON se escribe entre llaves { }. Los objetos JSON pueden contener múltiples valor clave pares 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 JavaScript, los datos JSON no pueden contener funciones como valores.

Acceso 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 el . notación para acceder a datos JSON. Su sintaxis es: variableName.key

También puede usar 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 de JavaScript, JSON es diferente de los objetos de JavaScript.

Conversión de JSON a objeto JavaScript

Puede convertir datos JSON en un objeto JavaScript utilizando el integrado JSON.parse() función. 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 objeto JavaScript a JSON

También puede convertir objetos de JavaScript a formato JSON utilizando el JavaScript integrado. JSON.stringify() función. 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) de 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 textos.

JSON es independiente del lenguaje. También puede crear y usar JSON en otros lenguajes de programación.