¿Qué es JSON?

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/.

Más sobre Diseño y desarrollo Web

Acerca de Damián De Luca

Autor de los libros: Webmaster Profesional, HTML5: Comprenda el cambio y Apps HTML5 para móviles. Soy especialista en Desarrollo Web. Realizo proyectos basados en Inteligencia Artificial. Colaboré como autor y editor de contenidos para revistas, colecciones y diversos medios impresos y digitales. Brindo capacitaciones, clases de formación y consultorías sobre lenguajes de programación y herramientas para Desarrollo Web y móvil en modalidad online y presencial.