JSON es una notación JavaScript para intercambio de datos. Muy popular en la era AJAX y fundamental en el día a día de los programadores que utilizamos JavaScript y HTML5.
El nombre JSON proviene del acrónimo inglés JavaScript Object Notation. Este formato es simple, directo, ligero y muy importante para el desarrollo de aplicaciones basadas en lenguajes Web y para dispositivos móviles.
JavaScript lo soporta de manera nativa, pero también encontraremos funciones para manipular e intercambiar este formato en otros lenguajes, como PHP, Java, Python, C, C++, C#, Objetive-C y ActionScript, entre otros.
Para comprender mejor este formato, en este artículo veremos algunos ejemplos prácticos de como se declaran y organizan los datos.
JSON: ejemplos de código
A continuación veremos un ejemplo muy simple sobre como definir clave y valor con JSON. En este caso será solo el key
nombre
con el valor en formato string
("Damián"
)
"nombre":"Damian"
¿Es posible introducir más elementos en ese ejemplo? A continuación veremos como hacerlo:
{"nombre":"Damian", "apellido":"De Luca"}
¿Se pueden seguir incorporando datos? Veamos como creamos un array de JSON. En el ejemplo que vemos a continuación el key
personas
contiene dos registros:
"personas":[ {"nombre":"Damián", "apellido":"De Luca"}, {"nombre":"Rafael", "apellido":"Deluca"} ]
¿Un ejemplo un poco más extenso de JSON?
{"friday13thmovies": ["Friday the 13th", "Friday the 13th Part 2", "Friday the 13th Part III", "Friday the 13th: The Final Chapter", "Friday the 13th: A New Beginning", "Friday the 13th Part VI: Jason Lives", "Friday the 13th Part VII: The New Blood", "Friday the 13th Part VIII: Jason Takes Manhattan ", "Jason Goes to Hell: The Final Friday", "Jason X","Freddy vs. Jason", "Friday the 13th"] }
Para completar
Como siempre explico en mis clases, si vamos a comenzar a trabajar con JSON lo principal es comprender su concepto y para qué nos puede resultar útil. El paso siguiente será aprender y dominar su sintaxis. Luego deberemos profundizar sobre como acceder a los valores y de qué manera podremos realizar operaciones sobre los datos.
A continuación comparto algunos enlaces interesantes para saber más sobre este formato tan popular hoy en día en el mundo del desarrollo.
Para agregar y modificar datos desde JavaScript te recomiendo mi artículo: Cómo agregar y modificar datos de un JSON con JavaScript.
Si deseamos aprender a mostrar valores aleatorios de un Array de JSON podemos encontrar el código explicado en: JSON Random – Cómo mostrar contenidos aleatorios de un JSON con JavaScript.
Más información en: http://json.org/.