SlideShare una empresa de Scribd logo
1 de 8
ELEMENTOS DE
JAVASCRIPT
Liliana Berenice Rosales Amezcua.
VARIABLES Y VALORES
LAS VARIABLES DE JAVASCRIPT CONTIENEN VALORES QUE SE
EMPLEAN EN LA APLICACIÓN. JAVASCRIPT PERMITE
ASIGNAR A SUS VARIABLES VALORES PARA PODER
REFERENCIARLAS EN CUALQUIER PARTE DE SU CÓDIGO.
LOS NOMBRES DE LAS VARIABLES DISTINGUEN ENTRE
MAYÚSCULAS Y MINÚSCULAS Y DEBEN COMENZAR POR
UNA LETRA O UN GUIÓN BAJO ( _ ).
LOS TIPOS DE VALORES QUE PUEDE CONTENER UNA VARIABLE
JAVASCRIPT SON:
• NÚMEROS
• OPERADORES LÓGICOS (BOOLEANOS)
• CADENAS
LA SINTAXIS PARA LA INSTRUCCIÓN
VAR ES LA SIGUIENTE:
•VAR NOMBREVAR[=VALOR ] [...,
NOMBREVAR[=VALOR] ]
•UN EJEMPLO: VAR NUM_SILLAS
=10, PRECIO_POR_SILLA =12.0;
ESTRUCTURA DE CONTROL
• PARA REALIZAR ESTE TIPO DE PROGRAMAS SON
NECESARIAS LAS ESTRUCTURAS DE CONTROL DE
FLUJO, QUE SON INSTRUCCIONES DEL TIPO "SI SE
CUMPLE ESTA CONDICIÓN, HAZLO; SI NO SE CUMPLE,
HAZ ESTO OTRO". TAMBIÉN EXISTEN INSTRUCCIONES
DEL TIPO "REPITE ESTO MIENTRAS SE CUMPLA ESTA
CONDICIÓN".SI SE UTILIZAN ESTRUCTURAS DE
CONTROL DE FLUJO, LOS PROGRAMAS DEJAN DE SER
UNA SUCESIÓN LINEAL DE INSTRUCCIONES PARA
CONVERTIRSE EN PROGRAMAS INTELIGENTES QUE
PUEDEN TOMAR DECISIONES EN FUNCIÓN DEL VALOR
DE LAS VARIABLES.
ESTRUCTURA IF
• LA ESTRUCTURA MÁS UTILIZADA EN
JAVASCRIPT Y EN LA MAYORÍA DE
LENGUAJES DE PROGRAMACIÓN ES
LA ESTRUCTURA IF. SE EMPLEA PARA
TOMAR DECISIONES EN FUNCIÓN DE
UNA CONDICIÓN. SU DEFINICIÓN
FORMAL ES:
IF(CONDICION) { ... }
ESTRUCTURA IF...ELSE
• EN OCASIONES, LAS DECISIONES QUE SE DEBEN
REALIZAR NO SON DEL TIPO "SI SE CUMPLE LA
CONDICIÓN, HAZLO; SI NO SE CUMPLE, NO
HAGAS NADA". NORMALMENTE LAS
CONDICIONES SUELEN SER DEL TIPO "SI SE
CUMPLE ESTA CONDICIÓN, HAZLO; SI NO SE
CUMPLE, HAZ ESTO OTRO".PARA ESTE SEGUNDO
TIPO DE DECISIONES, EXISTE UNA VARIANTE DE LA
ESTRUCTURA IF LLAMADA IF...ELSE. SU DEFINICIÓN
FORMAL ES LA SIGUIENTE:
IF(CONDICION) { ... } ELSE { ... }
ESTRUCTURA FOR
• LAS ESTRUCTURAS IF Y IF...ELSE NO SON MUY
EFICIENTES CUANDO SE DESEA EJECUTAR DE
FORMA REPETITIVA UNA INSTRUCCIÓN. POR
EJEMPLO, SI SE QUIERE MOSTRAR UN
MENSAJE CINCO VECES, SE PODRÍA PENSAR
EN UTILIZAR EL SIGUIENTEIF:
VAR VECES = 0;   IF(VECES < 4)
{ ALERT("MENSAJE"); VECES++; }
 ESTRUCTURA FOR...IN
• UNA ESTRUCTURA DE CONTROL DERIVADA
DE FOR ES LA ESTRUCTURA FOR...IN. SU
DEFINICIÓN EXACTA IMPLICA EL USO DE
OBJETOS, QUE ES UN ELEMENTO DE
PROGRAMACIÓN AVANZADA QUE NO SE VA
A ESTUDIAR. POR TANTO, SOLAMENTE SE VA A
PRESENTAR LA
ESTRUCTURA FOR...IN ADAPTADA A SU USO
EN ARRAYS. SU DEFINICIÓN FORMAL
ADAPTADA A LOS ARRAYS ES:
FOR(INDICE IN ARRAY) { ... }

Más contenido relacionado

La actualidad más candente

Diagrama de despliegue
Diagrama de despliegueDiagrama de despliegue
Diagrama de despliegueElvisAR
 
Ingeniería de requisitos e ingeniería de requerimientos
Ingeniería de requisitos e ingeniería de requerimientosIngeniería de requisitos e ingeniería de requerimientos
Ingeniería de requisitos e ingeniería de requerimientosCesar Prado
 
Arquitectura 3 Capas
Arquitectura 3 CapasArquitectura 3 Capas
Arquitectura 3 CapasFani Calle
 
Modelado Orientado a Objetos
Modelado Orientado a ObjetosModelado Orientado a Objetos
Modelado Orientado a ObjetosRafael Miranda
 
Tópicos Avanzados de Programación - Unidad 4 Acceso a datos
Tópicos Avanzados de Programación - Unidad 4 Acceso a datosTópicos Avanzados de Programación - Unidad 4 Acceso a datos
Tópicos Avanzados de Programación - Unidad 4 Acceso a datosJosé Antonio Sandoval Acosta
 
TAREAS DE LA ING. DE REQUISITOS
TAREAS DE LA ING. DE REQUISITOSTAREAS DE LA ING. DE REQUISITOS
TAREAS DE LA ING. DE REQUISITOSxinithazangels
 
Uml lenguaje unificado de modelado
Uml lenguaje unificado de modeladoUml lenguaje unificado de modelado
Uml lenguaje unificado de modeladoMarvin Zumbado
 
Diseño estructurado y las técnicas que lo caracterizan
Diseño estructurado y las técnicas que lo caracterizanDiseño estructurado y las técnicas que lo caracterizan
Diseño estructurado y las técnicas que lo caracterizanArianna Peralta
 
Comandos ddl y dml
Comandos ddl y dmlComandos ddl y dml
Comandos ddl y dmlGerardo
 
Tema N° 14 Especificación de Requisitos del Software
Tema N° 14 Especificación de Requisitos del SoftwareTema N° 14 Especificación de Requisitos del Software
Tema N° 14 Especificación de Requisitos del SoftwareSaraEAlcntaraR
 
Modelo componentes
Modelo componentesModelo componentes
Modelo componentesmartin
 

La actualidad más candente (20)

Taller de Base de Datos - Unidad 6 SQL procedural
Taller de Base de Datos - Unidad 6 SQL proceduralTaller de Base de Datos - Unidad 6 SQL procedural
Taller de Base de Datos - Unidad 6 SQL procedural
 
Diagrama de Componentes
Diagrama de ComponentesDiagrama de Componentes
Diagrama de Componentes
 
Diagrama de despliegue
Diagrama de despliegueDiagrama de despliegue
Diagrama de despliegue
 
Ingeniería de requisitos e ingeniería de requerimientos
Ingeniería de requisitos e ingeniería de requerimientosIngeniería de requisitos e ingeniería de requerimientos
Ingeniería de requisitos e ingeniería de requerimientos
 
Diseño de Software
Diseño de SoftwareDiseño de Software
Diseño de Software
 
Arquitectura 3 Capas
Arquitectura 3 CapasArquitectura 3 Capas
Arquitectura 3 Capas
 
Modelado Orientado a Objetos
Modelado Orientado a ObjetosModelado Orientado a Objetos
Modelado Orientado a Objetos
 
Tópicos Avanzados de Programación - Unidad 4 Acceso a datos
Tópicos Avanzados de Programación - Unidad 4 Acceso a datosTópicos Avanzados de Programación - Unidad 4 Acceso a datos
Tópicos Avanzados de Programación - Unidad 4 Acceso a datos
 
TAREAS DE LA ING. DE REQUISITOS
TAREAS DE LA ING. DE REQUISITOSTAREAS DE LA ING. DE REQUISITOS
TAREAS DE LA ING. DE REQUISITOS
 
Uml lenguaje unificado de modelado
Uml lenguaje unificado de modeladoUml lenguaje unificado de modelado
Uml lenguaje unificado de modelado
 
Metodologia para el proyecto
Metodologia para el proyectoMetodologia para el proyecto
Metodologia para el proyecto
 
Procedimientos almacenados
Procedimientos almacenadosProcedimientos almacenados
Procedimientos almacenados
 
10.el diseño en el nivel de componentes
10.el diseño en el nivel de componentes10.el diseño en el nivel de componentes
10.el diseño en el nivel de componentes
 
Diseño estructurado y las técnicas que lo caracterizan
Diseño estructurado y las técnicas que lo caracterizanDiseño estructurado y las técnicas que lo caracterizan
Diseño estructurado y las técnicas que lo caracterizan
 
Modelo de datos
Modelo de datosModelo de datos
Modelo de datos
 
Comandos ddl y dml
Comandos ddl y dmlComandos ddl y dml
Comandos ddl y dml
 
Tema N° 14 Especificación de Requisitos del Software
Tema N° 14 Especificación de Requisitos del SoftwareTema N° 14 Especificación de Requisitos del Software
Tema N° 14 Especificación de Requisitos del Software
 
Taller de Base de Datos - Unidad 3 lenguage DML
Taller de Base de Datos - Unidad 3 lenguage DMLTaller de Base de Datos - Unidad 3 lenguage DML
Taller de Base de Datos - Unidad 3 lenguage DML
 
Modelo componentes
Modelo componentesModelo componentes
Modelo componentes
 
Diseño arquitectónico
Diseño arquitectónicoDiseño arquitectónico
Diseño arquitectónico
 

Último

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
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdfedwinmelgarschlink2
 
Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digitalNayaniJulietaRamosRa
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfisrael garcia
 
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
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdflauradbernals
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señorkkte210207
 

Último (9)

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
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf
 
Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digital
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.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
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdf
 
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
 
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
 

Elementos de JavaScript

  • 2. VARIABLES Y VALORES LAS VARIABLES DE JAVASCRIPT CONTIENEN VALORES QUE SE EMPLEAN EN LA APLICACIÓN. JAVASCRIPT PERMITE ASIGNAR A SUS VARIABLES VALORES PARA PODER REFERENCIARLAS EN CUALQUIER PARTE DE SU CÓDIGO. LOS NOMBRES DE LAS VARIABLES DISTINGUEN ENTRE MAYÚSCULAS Y MINÚSCULAS Y DEBEN COMENZAR POR UNA LETRA O UN GUIÓN BAJO ( _ ). LOS TIPOS DE VALORES QUE PUEDE CONTENER UNA VARIABLE JAVASCRIPT SON: • NÚMEROS • OPERADORES LÓGICOS (BOOLEANOS) • CADENAS
  • 3. LA SINTAXIS PARA LA INSTRUCCIÓN VAR ES LA SIGUIENTE: •VAR NOMBREVAR[=VALOR ] [..., NOMBREVAR[=VALOR] ] •UN EJEMPLO: VAR NUM_SILLAS =10, PRECIO_POR_SILLA =12.0;
  • 4. ESTRUCTURA DE CONTROL • PARA REALIZAR ESTE TIPO DE PROGRAMAS SON NECESARIAS LAS ESTRUCTURAS DE CONTROL DE FLUJO, QUE SON INSTRUCCIONES DEL TIPO "SI SE CUMPLE ESTA CONDICIÓN, HAZLO; SI NO SE CUMPLE, HAZ ESTO OTRO". TAMBIÉN EXISTEN INSTRUCCIONES DEL TIPO "REPITE ESTO MIENTRAS SE CUMPLA ESTA CONDICIÓN".SI SE UTILIZAN ESTRUCTURAS DE CONTROL DE FLUJO, LOS PROGRAMAS DEJAN DE SER UNA SUCESIÓN LINEAL DE INSTRUCCIONES PARA CONVERTIRSE EN PROGRAMAS INTELIGENTES QUE PUEDEN TOMAR DECISIONES EN FUNCIÓN DEL VALOR DE LAS VARIABLES.
  • 5. ESTRUCTURA IF • LA ESTRUCTURA MÁS UTILIZADA EN JAVASCRIPT Y EN LA MAYORÍA DE LENGUAJES DE PROGRAMACIÓN ES LA ESTRUCTURA IF. SE EMPLEA PARA TOMAR DECISIONES EN FUNCIÓN DE UNA CONDICIÓN. SU DEFINICIÓN FORMAL ES: IF(CONDICION) { ... }
  • 6. ESTRUCTURA IF...ELSE • EN OCASIONES, LAS DECISIONES QUE SE DEBEN REALIZAR NO SON DEL TIPO "SI SE CUMPLE LA CONDICIÓN, HAZLO; SI NO SE CUMPLE, NO HAGAS NADA". NORMALMENTE LAS CONDICIONES SUELEN SER DEL TIPO "SI SE CUMPLE ESTA CONDICIÓN, HAZLO; SI NO SE CUMPLE, HAZ ESTO OTRO".PARA ESTE SEGUNDO TIPO DE DECISIONES, EXISTE UNA VARIANTE DE LA ESTRUCTURA IF LLAMADA IF...ELSE. SU DEFINICIÓN FORMAL ES LA SIGUIENTE: IF(CONDICION) { ... } ELSE { ... }
  • 7. ESTRUCTURA FOR • LAS ESTRUCTURAS IF Y IF...ELSE NO SON MUY EFICIENTES CUANDO SE DESEA EJECUTAR DE FORMA REPETITIVA UNA INSTRUCCIÓN. POR EJEMPLO, SI SE QUIERE MOSTRAR UN MENSAJE CINCO VECES, SE PODRÍA PENSAR EN UTILIZAR EL SIGUIENTEIF: VAR VECES = 0;   IF(VECES < 4) { ALERT("MENSAJE"); VECES++; }
  • 8.  ESTRUCTURA FOR...IN • UNA ESTRUCTURA DE CONTROL DERIVADA DE FOR ES LA ESTRUCTURA FOR...IN. SU DEFINICIÓN EXACTA IMPLICA EL USO DE OBJETOS, QUE ES UN ELEMENTO DE PROGRAMACIÓN AVANZADA QUE NO SE VA A ESTUDIAR. POR TANTO, SOLAMENTE SE VA A PRESENTAR LA ESTRUCTURA FOR...IN ADAPTADA A SU USO EN ARRAYS. SU DEFINICIÓN FORMAL ADAPTADA A LOS ARRAYS ES: FOR(INDICE IN ARRAY) { ... }