Javascript – #6.06. AJAX. Sintaxis de JSON

Unidad
Materiales

JSON es el acrónimo de Javascript Object Notation, es decir, es texto escrito en notación de objetos de Javascript. En comparación con XML, es mucho más corto, más rápido de leer y escribir y puede integrar arrays, por lo que se ha convertido en el candidato para sustituir a su antecesor.

Las reglas a seguir para escribir con JSON son las siguientes:

  • Hay dos tipos de elementos:
    • Arrays: listas de valores entre corchetes y separadas por comas.
      • [«hola», 3, «Ada Lovecode», 1.234]
    • Objetos: listas de parejas nombre:valor separados por dos puntos y a su vez cada pareja por comas. Los objetos se escriben entre llaves y los nombres de las parejas siempre entre comillas dobles.
      • {«nombre»: «Ada Lovecode», «nacimiento»: 1815 }
  • Un documento JSON únicamente contiene un elemento (objeto o array).
  • El último elemento de objetos y arrays no puede ir seguido de coma.
  • Los espacios en blanco y saltos de línea son irrelevantes.
  • Los valores en objetos y arrays pueden ser:
    • números: enteros, decimales, exponencial, etc.
    • cadenas: entre comillas dobles.
    • valores true, false y null (sin comillas).
    • objetos y arrays: pueden contener a su vez más objetos y matrices sin límite de anidamiento.
  • No pueden contener comentarios.

En el vídeo de la lección veremos cómo trabajar con JSON para realizar las siguientes operaciones:

  • Definición de un objeto en JSON.
  • Acceso a objetos: utilizando la notación punto o corchetes. También veremos cómo acceder a un objeto dentro de otro objeto.
  • Recorrer los nombres de un objeto: utilizando for… in.
  • Definición de un array mediante el nombre y sus valores entre corchetes.
  • Acceso a los elementos de un array: utilizando for…in y for.
  • Borrar elementos de un objeto.

¿Quieres ver todas estas operaciones? ¡Echa un ojo al vídeo!

¡Consulta en la pestaña Materiales el código fuente trabajado en la lección!

¿No te ha quedado claro? ¿Quieres aportar tu punto de vista? ¡Deja tu comentario!

¡Ups! ¡Este contenido está restringido a codelovers! Inicia sesión o, si aún no eres miembro de Didacticode, regístrate!