SlideShare a Scribd company logo
1 of 7
JSON: JavaScript Object
Notation
 JSON es una notación de objetos basada en JavaScript, utiliza una sintaxis
que nos permite crear objetos de manera rápida y simple.

 Sintaxis de JSON

 Para escribir JSON debemos tener en cuenta lo siguiente:
 La creación de los objetos JSON implica escribir datos, para ello:
 Los datos estan separados por comas.
 los datos se escriban en pares, siendo primero el nombre o atributo del mismo
y luego el valor del dato.
 Los objetos JSON estan rodeados por llaves “{}”
 Llaves cuadradas [] guardan arreglos, incluyendo otros objetos JSON
 Ejemplo de un objeto JSON que guarda un usuario y password:

 var objetoJSON = {"usuario":"user","password":"123456"};
 Objetos
 Al igual que sucede con otros lenguajes de programación, los objetos se emplean
en JavaScript para organizar el código fuente de una forma más clara y para
encapsular métodos y funciones comunes. La forma más sencilla de crear un
objeto es mediante la palabra reservada new seguida del nombre de la clase que
se quiere instanciar:

 var elObjeto = new Object();
 var laCadena = new String();
 El objeto laCadena creado mediante el objeto nativo String permite almacenar
una cadena de texto y aprovechar todas las herramientas y utilidades que
proporciona JavaScript para su manejo. Por otra parte, la variable elObjeto
almacena un objeto genérico de JavaScript, al que se pueden añadir propiedades y
métodos propios para definir su comportamiento.
 Definición de un objeto
 Técnicamente, un objeto de JavaScript es un array asociativo formado por las
propiedades y los métodos del objeto. Así, la forma más directa para definir
las propiedades y métodos de un objeto es mediante la notación de puntos de
los arrays asociativos.

 Un array asociativo es aquel en el que cada elemento no está asociado a su
posición numérica dentro del array, sino que está asociado a otro valor
específico. Los valores de los arrays normales se asocian a índices que
siempre son numéricos. Los valores de los arrays asociativos se asocian a
claves que siempre son cadenas de texto.
 Métodos
 Además de las propiedades, los métodos de los objetos también se pueden definir mediante
la notación de puntos:

 elObjeto.muestraId = function() {
 alert("El ID del objeto es " + this.id);
 }
 Los métodos se definen asignando funciones al objeto. Si la función no está definida
previamente, es posible crear una función anónima para asignarla al nuevo método del
objeto, tal y como muestra el ejemplo anterior.

 Uno de los aspectos más importantes del ejemplo anterior es el uso de la palabra reservada
this. La palabra this se suele utilizar habitualmente dentro de los métodos de un objeto y
siempre hace referencia al objeto que está llamado a ese método.
Ejemplo
 var cadenaLibros = '[{"Titulo": "El señor de los anillos", "Autor": "J.R.R. Tolkien"
},
 {"Titulo": "Cancion de hielo y fuego", "Autor": "George RR Martin"},
 {"Titulo": "Los Pilares de la Tierra", "Autor": "Ken Follett"}]';

 var libros = JSON.parse(cadenaLibros);

 for(var i = 0; i < libros.length; i++ )
 alert('El libro: ' + libros[i].Titulo + ' es del autor: ' + libros[i].Autor);

More Related Content

What's hot (20)

Clase y Objeto de la POO
Clase y Objeto de la POOClase y Objeto de la POO
Clase y Objeto de la POO
 
Benita ppp unidad 1
Benita ppp unidad 1Benita ppp unidad 1
Benita ppp unidad 1
 
FPJUCE - Capitulo2
FPJUCE - Capitulo2FPJUCE - Capitulo2
FPJUCE - Capitulo2
 
Bases de datos orientado a objetos Exponer
Bases de datos orientado a objetos ExponerBases de datos orientado a objetos Exponer
Bases de datos orientado a objetos Exponer
 
Bdoo
Bdoo Bdoo
Bdoo
 
Trabajo Connectar
Trabajo ConnectarTrabajo Connectar
Trabajo Connectar
 
Programación Orientada a Objetos
Programación Orientada a ObjetosProgramación Orientada a Objetos
Programación Orientada a Objetos
 
Tema 1
Tema 1Tema 1
Tema 1
 
Lotus script
Lotus scriptLotus script
Lotus script
 
Conceptos basicos POO
Conceptos basicos POOConceptos basicos POO
Conceptos basicos POO
 
Lenguaje de Programacion - Java
Lenguaje de Programacion - JavaLenguaje de Programacion - Java
Lenguaje de Programacion - Java
 
deber 4
deber 4deber 4
deber 4
 
Cap.10 - El paradigma Orientado a Objetos
Cap.10 - El paradigma Orientado a ObjetosCap.10 - El paradigma Orientado a Objetos
Cap.10 - El paradigma Orientado a Objetos
 
Diseño de Sistemas
Diseño de SistemasDiseño de Sistemas
Diseño de Sistemas
 
Introduccion a AJAX
Introduccion a AJAXIntroduccion a AJAX
Introduccion a AJAX
 
13-Unidad 3: Operaciones LINQ -3.1 Introducción 3.2 LINQ SELECT 3.3 LINQ INSERT
13-Unidad 3: Operaciones LINQ -3.1 Introducción 3.2 LINQ SELECT 3.3 LINQ INSERT13-Unidad 3: Operaciones LINQ -3.1 Introducción 3.2 LINQ SELECT 3.3 LINQ INSERT
13-Unidad 3: Operaciones LINQ -3.1 Introducción 3.2 LINQ SELECT 3.3 LINQ INSERT
 
7-Unidad 2. Elementos de una Clase
7-Unidad 2. Elementos de una Clase7-Unidad 2. Elementos de una Clase
7-Unidad 2. Elementos de una Clase
 
Cesar adrian barrios alarcon unidad 2
Cesar adrian barrios alarcon      unidad 2       Cesar adrian barrios alarcon      unidad 2
Cesar adrian barrios alarcon unidad 2
 
Java con base de datos
Java con base de datosJava con base de datos
Java con base de datos
 
Java con Base de Datos
Java con Base de Datos Java con Base de Datos
Java con Base de Datos
 

Viewers also liked

EXAMPLE UNIT 1
EXAMPLE UNIT 1EXAMPLE UNIT 1
EXAMPLE UNIT 1marina1982
 
portfolio
portfolioportfolio
portfolioRuster
 
Presentazione Wip Racconti Ok
Presentazione Wip Racconti OkPresentazione Wip Racconti Ok
Presentazione Wip Racconti OkMaria Percoco
 
Berenschot presentatie Metaalunie Noord NL Samenwerken & aanbesteden
Berenschot presentatie Metaalunie Noord NL Samenwerken & aanbestedenBerenschot presentatie Metaalunie Noord NL Samenwerken & aanbesteden
Berenschot presentatie Metaalunie Noord NL Samenwerken & aanbestedenJohan Stuiver
 
Housing First: Ending Homelessness and Supporting Recovery - Dr Sam Tsemberis
Housing First: Ending Homelessness and Supporting Recovery - Dr Sam TsemberisHousing First: Ending Homelessness and Supporting Recovery - Dr Sam Tsemberis
Housing First: Ending Homelessness and Supporting Recovery - Dr Sam Tsemberisbrianlynch
 
Communicatie & Acquisitie bij aanbestedingen - Berenschot
Communicatie & Acquisitie bij aanbestedingen - BerenschotCommunicatie & Acquisitie bij aanbestedingen - Berenschot
Communicatie & Acquisitie bij aanbestedingen - BerenschotJohan Stuiver
 
Hybrid worlds fungi updated - crews
Hybrid worlds   fungi updated - crewsHybrid worlds   fungi updated - crews
Hybrid worlds fungi updated - crewsrv media
 
Texas Leadership Forum Ppt 2008
Texas Leadership Forum Ppt 2008Texas Leadership Forum Ppt 2008
Texas Leadership Forum Ppt 2008Debbie Horres
 

Viewers also liked (20)

EXAMPLE UNIT 1
EXAMPLE UNIT 1EXAMPLE UNIT 1
EXAMPLE UNIT 1
 
Lecture3
Lecture3Lecture3
Lecture3
 
Plot Structure
Plot StructurePlot Structure
Plot Structure
 
portfolio
portfolioportfolio
portfolio
 
Lecture914
Lecture914Lecture914
Lecture914
 
Lecture916
Lecture916Lecture916
Lecture916
 
Lecture7
Lecture7Lecture7
Lecture7
 
A N G I E
A N G I EA N G I E
A N G I E
 
Presentazione Wip Racconti Ok
Presentazione Wip Racconti OkPresentazione Wip Racconti Ok
Presentazione Wip Racconti Ok
 
Lecture911
Lecture911Lecture911
Lecture911
 
Berenschot presentatie Metaalunie Noord NL Samenwerken & aanbesteden
Berenschot presentatie Metaalunie Noord NL Samenwerken & aanbestedenBerenschot presentatie Metaalunie Noord NL Samenwerken & aanbesteden
Berenschot presentatie Metaalunie Noord NL Samenwerken & aanbesteden
 
Housing First: Ending Homelessness and Supporting Recovery - Dr Sam Tsemberis
Housing First: Ending Homelessness and Supporting Recovery - Dr Sam TsemberisHousing First: Ending Homelessness and Supporting Recovery - Dr Sam Tsemberis
Housing First: Ending Homelessness and Supporting Recovery - Dr Sam Tsemberis
 
Communicatie & Acquisitie bij aanbestedingen - Berenschot
Communicatie & Acquisitie bij aanbestedingen - BerenschotCommunicatie & Acquisitie bij aanbestedingen - Berenschot
Communicatie & Acquisitie bij aanbestedingen - Berenschot
 
Hybrid worlds fungi updated - crews
Hybrid worlds   fungi updated - crewsHybrid worlds   fungi updated - crews
Hybrid worlds fungi updated - crews
 
Chap08alg
Chap08algChap08alg
Chap08alg
 
Lecture5
Lecture5Lecture5
Lecture5
 
Lecture910
Lecture910Lecture910
Lecture910
 
Profiting In A LinkedIn Economy
Profiting In A LinkedIn EconomyProfiting In A LinkedIn Economy
Profiting In A LinkedIn Economy
 
Texas Leadership Forum Ppt 2008
Texas Leadership Forum Ppt 2008Texas Leadership Forum Ppt 2008
Texas Leadership Forum Ppt 2008
 
IP Basics
IP BasicsIP Basics
IP Basics
 

Similar to Json JavaScript Object Notation

Poo Java
Poo JavaPoo Java
Poo Javaeccutpl
 
La palabra reservada this y los métodos "getters" y "setters"
La palabra reservada this y los métodos "getters" y "setters"La palabra reservada this y los métodos "getters" y "setters"
La palabra reservada this y los métodos "getters" y "setters"ingemg1
 
5.1 estructura de una clase.
5.1 estructura de una clase.5.1 estructura de una clase.
5.1 estructura de una clase.K Manuel TN
 
Manejo de los objetos en JavaScript para la programación orientada a objetos
Manejo de los objetos en JavaScript para la programación orientada a objetosManejo de los objetos en JavaScript para la programación orientada a objetos
Manejo de los objetos en JavaScript para la programación orientada a objetosFrancisco Javier Arce Anguiano
 
Javascript Módulo 7 - PROFUNDIZACIÓN EN ARRAYS, OBJETOS, PROPIEDADES, MÉTODOS...
Javascript Módulo 7 - PROFUNDIZACIÓN EN ARRAYS, OBJETOS, PROPIEDADES, MÉTODOS...Javascript Módulo 7 - PROFUNDIZACIÓN EN ARRAYS, OBJETOS, PROPIEDADES, MÉTODOS...
Javascript Módulo 7 - PROFUNDIZACIÓN EN ARRAYS, OBJETOS, PROPIEDADES, MÉTODOS...David Zapateria Besteiro
 
Java persistence
Java persistenceJava persistence
Java persistencecabraval
 
Objeto relacional bases datos 2
Objeto relacional bases datos 2Objeto relacional bases datos 2
Objeto relacional bases datos 2Velmuz Buzz
 
Programación ii presentación tema 5
Programación ii presentación tema 5Programación ii presentación tema 5
Programación ii presentación tema 5Joel Mieses
 
Java script estructuras_datos
Java script estructuras_datosJava script estructuras_datos
Java script estructuras_datosjcremiro
 
Vectores - Informática
Vectores - InformáticaVectores - Informática
Vectores - Informáticacompumet sac
 
Programación orientada a objetos
Programación orientada a objetosProgramación orientada a objetos
Programación orientada a objetosGladys Castillejos
 
Programación_del_lado_del_servidor......
Programación_del_lado_del_servidor......Programación_del_lado_del_servidor......
Programación_del_lado_del_servidor......SaulSalinasNeri
 

Similar to Json JavaScript Object Notation (20)

Javascript objetos
Javascript objetosJavascript objetos
Javascript objetos
 
Poo Java
Poo JavaPoo Java
Poo Java
 
Javascript
JavascriptJavascript
Javascript
 
La palabra reservada this y los métodos "getters" y "setters"
La palabra reservada this y los métodos "getters" y "setters"La palabra reservada this y los métodos "getters" y "setters"
La palabra reservada this y los métodos "getters" y "setters"
 
Unidad_01_02.pdf
Unidad_01_02.pdfUnidad_01_02.pdf
Unidad_01_02.pdf
 
5.1 estructura de una clase.
5.1 estructura de una clase.5.1 estructura de una clase.
5.1 estructura de una clase.
 
Manejo de los objetos en JavaScript para la programación orientada a objetos
Manejo de los objetos en JavaScript para la programación orientada a objetosManejo de los objetos en JavaScript para la programación orientada a objetos
Manejo de los objetos en JavaScript para la programación orientada a objetos
 
Javascript Módulo 7 - PROFUNDIZACIÓN EN ARRAYS, OBJETOS, PROPIEDADES, MÉTODOS...
Javascript Módulo 7 - PROFUNDIZACIÓN EN ARRAYS, OBJETOS, PROPIEDADES, MÉTODOS...Javascript Módulo 7 - PROFUNDIZACIÓN EN ARRAYS, OBJETOS, PROPIEDADES, MÉTODOS...
Javascript Módulo 7 - PROFUNDIZACIÓN EN ARRAYS, OBJETOS, PROPIEDADES, MÉTODOS...
 
Java persistence
Java persistenceJava persistence
Java persistence
 
Clases
ClasesClases
Clases
 
Ajax
AjaxAjax
Ajax
 
Objeto relacional bases datos 2
Objeto relacional bases datos 2Objeto relacional bases datos 2
Objeto relacional bases datos 2
 
Programación ii presentación tema 5
Programación ii presentación tema 5Programación ii presentación tema 5
Programación ii presentación tema 5
 
Guia poo
Guia pooGuia poo
Guia poo
 
Java script estructuras_datos
Java script estructuras_datosJava script estructuras_datos
Java script estructuras_datos
 
Vectores - Informática
Vectores - InformáticaVectores - Informática
Vectores - Informática
 
Programación orientada a objetos
Programación orientada a objetosProgramación orientada a objetos
Programación orientada a objetos
 
Programación_del_lado_del_servidor......
Programación_del_lado_del_servidor......Programación_del_lado_del_servidor......
Programación_del_lado_del_servidor......
 
Lab herencia
Lab herenciaLab herencia
Lab herencia
 
8.Clases y objetos Java
8.Clases y objetos Java8.Clases y objetos Java
8.Clases y objetos Java
 

Recently uploaded

El uso de las tic en la vida continúa , ambiente positivo y negativo.
El uso de las tic  en la vida continúa , ambiente positivo y negativo.El uso de las tic  en la vida continúa , ambiente positivo y negativo.
El uso de las tic en la vida continúa , ambiente positivo y negativo.ayalayenifer617
 
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx241532171
 
GRUPO 5 Software en el campo de la salud.pptx
GRUPO 5 Software en el campo de la salud.pptxGRUPO 5 Software en el campo de la salud.pptx
GRUPO 5 Software en el campo de la salud.pptxNicolas Villarroel
 
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptxCamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptx241518192
 
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxPRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxRodriguezLucero
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdfFAUSTODANILOCRUZCAST
 
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfFLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfYuriFuentesMartinez2
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdfFernandaHernandez312615
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webDecaunlz
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxssuser61dda7
 
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULDGRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULDLeslie Villar
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
Tema 1 - Fundamentos de gestión contable.pptx
Tema 1 - Fundamentos de gestión contable.pptxTema 1 - Fundamentos de gestión contable.pptx
Tema 1 - Fundamentos de gestión contable.pptxchinojosa17
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfOscarBlas6
 
3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptx3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptxadso2024sena
 
Producto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptxProducto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptx46828205
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenadanielaerazok
 
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIA
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIAFisica General.pdf ESCUELA D QUIMICA E INGENIERIA
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIAcoloncopias5
 

Recently uploaded (19)

El uso de las tic en la vida continúa , ambiente positivo y negativo.
El uso de las tic  en la vida continúa , ambiente positivo y negativo.El uso de las tic  en la vida continúa , ambiente positivo y negativo.
El uso de las tic en la vida continúa , ambiente positivo y negativo.
 
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
 
GRUPO 5 Software en el campo de la salud.pptx
GRUPO 5 Software en el campo de la salud.pptxGRUPO 5 Software en el campo de la salud.pptx
GRUPO 5 Software en el campo de la salud.pptx
 
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptxCamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
 
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxPRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdf
 
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfFLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la web
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
 
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULDGRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
Tema 1 - Fundamentos de gestión contable.pptx
Tema 1 - Fundamentos de gestión contable.pptxTema 1 - Fundamentos de gestión contable.pptx
Tema 1 - Fundamentos de gestión contable.pptx
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdf
 
3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptx3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptx
 
Producto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptxProducto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptx
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalena
 
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIA
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIAFisica General.pdf ESCUELA D QUIMICA E INGENIERIA
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIA
 

Json JavaScript Object Notation

  • 2.  JSON es una notación de objetos basada en JavaScript, utiliza una sintaxis que nos permite crear objetos de manera rápida y simple.   Sintaxis de JSON   Para escribir JSON debemos tener en cuenta lo siguiente:  La creación de los objetos JSON implica escribir datos, para ello:
  • 3.  Los datos estan separados por comas.  los datos se escriban en pares, siendo primero el nombre o atributo del mismo y luego el valor del dato.  Los objetos JSON estan rodeados por llaves “{}”  Llaves cuadradas [] guardan arreglos, incluyendo otros objetos JSON  Ejemplo de un objeto JSON que guarda un usuario y password:   var objetoJSON = {"usuario":"user","password":"123456"};
  • 4.  Objetos  Al igual que sucede con otros lenguajes de programación, los objetos se emplean en JavaScript para organizar el código fuente de una forma más clara y para encapsular métodos y funciones comunes. La forma más sencilla de crear un objeto es mediante la palabra reservada new seguida del nombre de la clase que se quiere instanciar:   var elObjeto = new Object();  var laCadena = new String();  El objeto laCadena creado mediante el objeto nativo String permite almacenar una cadena de texto y aprovechar todas las herramientas y utilidades que proporciona JavaScript para su manejo. Por otra parte, la variable elObjeto almacena un objeto genérico de JavaScript, al que se pueden añadir propiedades y métodos propios para definir su comportamiento.
  • 5.  Definición de un objeto  Técnicamente, un objeto de JavaScript es un array asociativo formado por las propiedades y los métodos del objeto. Así, la forma más directa para definir las propiedades y métodos de un objeto es mediante la notación de puntos de los arrays asociativos.   Un array asociativo es aquel en el que cada elemento no está asociado a su posición numérica dentro del array, sino que está asociado a otro valor específico. Los valores de los arrays normales se asocian a índices que siempre son numéricos. Los valores de los arrays asociativos se asocian a claves que siempre son cadenas de texto.
  • 6.  Métodos  Además de las propiedades, los métodos de los objetos también se pueden definir mediante la notación de puntos:   elObjeto.muestraId = function() {  alert("El ID del objeto es " + this.id);  }  Los métodos se definen asignando funciones al objeto. Si la función no está definida previamente, es posible crear una función anónima para asignarla al nuevo método del objeto, tal y como muestra el ejemplo anterior.   Uno de los aspectos más importantes del ejemplo anterior es el uso de la palabra reservada this. La palabra this se suele utilizar habitualmente dentro de los métodos de un objeto y siempre hace referencia al objeto que está llamado a ese método.
  • 7. Ejemplo  var cadenaLibros = '[{"Titulo": "El señor de los anillos", "Autor": "J.R.R. Tolkien" },  {"Titulo": "Cancion de hielo y fuego", "Autor": "George RR Martin"},  {"Titulo": "Los Pilares de la Tierra", "Autor": "Ken Follett"}]';   var libros = JSON.parse(cadenaLibros);   for(var i = 0; i < libros.length; i++ )  alert('El libro: ' + libros[i].Titulo + ' es del autor: ' + libros[i].Autor);