Inicio de una serie sobre el lenguaje JavaScript.

1. JavaScript
Introducción: expresiones e
instrucciones

2. Datos
• Los datos son necesarios para representar
información
• Cada valor tiene un tipo, que indica el papel
que puede desempeñar
• En Javascript existen 6 tipos básicos de datos:
Números, cadenas de caracteres, booleanos,
objetos, funciones y valores indefinidos.

3. Tipos de datos numéricos
• Representan tanto números enteros como
decimales.
12 Número entero
-23.4 Número decimal
2.998e8 Número en notación decimal
• La principal función de este tipo de datos es
intervenir junto con operadores en
expresiones aritméticas (+, *, /…)

4. Operaciones mas comunes
Operador Descripción
+ Suma
- Diferencia
* Producto
/ División
% Resto de la división

5. Strings
• Sirven para representar cadenas de
caracteres.
• La cadena se delimita con comillas simples o
dobles comillas.
“Buenos días”
‘Esto es una cadena de caracteres’
• La operación más simple en una cadena de
caracteres es la concatenación representada
por el símbolo de suma (+).

6. Algunos caracteres especiales
• Hay caracteres especiales que pueden
incluirse en una cadena precediéndoles del
carácter “”
• Por ejemplo, se puede incluir en una cadena
una comilla simple precediéndola de ‘’
• Ejemplo ‘La comilla simple es ’’
• El carácter “blanco” generado por la barra de
espacio es un carácter.

7. El operador typeof
• No todos los operadores son símbolos
• El operador typeof aplicado a una expresión
devuelve el tipo del argumento que se le aplica.
• Ejemplo:
>typeof ‘Hola’
String
>typeof 12
Number

8. Expresiones booleanas (lógicas)
• Una expresión booleana es aquella que se
evalúa como true o false (verdadero o falso)
• Éstos son los únicos valores que puede tomar
una expresión booleana.
Ejemplos
2 < -1 es una expresión booleana que se evalúa
como false
‘Pepe’ > ‘Luis’ es una expresión que se evalúa
como true

9. Operadores booleanos
Operadores Descripción Ejemplo
>, >=, <, <= Mayor, mayor o igual, menor, menor o
iguaal
2 <= 3
==, != Igual, distinto 3 == 5
|| && Operador OR y operador AND false && true
! Operador NOT !( 2 > 3)

10. Expresiones e instrucciones
• Una expresión es un conjunto de valores junto
con sus operadores que generan un valor
• Una instrucción permite especificar una
acción a realizar y produce un efecto en el
estado interno de un programa.
• Un programa o función se compone de
instrucciones.
• Las instrucciones terminan normalmente con
el carácter ;

11. Variables
• Permiten almacenar valores y recordar el
estado de un programa.
• Toda variable tiene un nombre (identificador).
Al utilizar este nombre se referencia su
contenido.
Ejemplo:
var producto=5*6;

12. Nombres de variable
• Pueden contener casi todos los caracteres,
pero no pueden tener el carácter blanco.
• Pueden contener números pero el primer
carácter del nombre de variable no puede ser
uno de ellos.
• Hay una serie de palabras reservadas que no
pueden utilizarse como nombres de variables.

13. La asignación
• El símbolo = precedido del nombre de una
variable es la asignación.
• Se evalúa la expresión que debe aparecer a su
derecha y posteriormente, el valor resultante
se asigna a la variable.
Ejemplo:
var producto= 2*3;
producto = producto + 23;

14. El entorno
• Cuando se carga una nueva página en un
navegador se crean asignan un conjunto de
valores a una serie de variables y objetos
predefinidos.
• El código que apliquemos modifica este
entorno con el fin de obtener el objetivo de
nuestro código.

15. Funciones
• Una función es un conjunto de instrucciones a
las que se ha asignado un valor.
• Existen una serie de funciones predefinidas
que pueden ser utilizadas cuando
programamos.
Ejemplos:
alert(“Buenos días");
Math.max(2, 4);

16. Cuadros de diálogo y alertas
• Las funciones alert, confirm y prompt
permiten mostrar cuadros de diálogo de
distintas características.
• Ejemplos:
alert(“Buenos días");
confirm(“¿Está de acuerdo?");
prompt(“Introduzca su nombre", "...");

17. Estructura de un programa
• Cuando se disponen una secuencia de
instrucciones, se procede a ejecutar una tras
otra en el orden en que aparecen.
• Como se verá posteriormente, hay
instrucciones que permiten modificar la
secuencia de ejecución.

18. Ejemplo
var elNumero = Number(prompt(“Introduzca un número", ""));
alert(“El cuadrado de su número es " + (elNumero * elNumero ));
La primera instrucción declara una variable y le asigna el valor
que introduce el usuario en una ventana generada por la función
prompt.
La segunda instrucción muestra el mensaje de texto con el
cuadrado del número introducido.

19. Ejecución condicional
• Para romper la secuencia de ejecución lineal
existen instrucciones condicionales que
permiten la ejecución de unas instrucciones u
otras dependiendo de una condición.
Expresión condicional
Bloque de instrucciones a
ejecutar si la condición se
evalúa como false
Bloque de instrucciones a
ejecutar si la condición se
evalúa como true

20. La instrucción if
if (expresión_condicional){
<bloque_instrucciones_true>
}
else {
<bloque_instrucciones_false>
}
if (numero >= 10){
alert(‘El número es mayor o igual que 10’);
numero = numero – 10;
}
else {
alert(‘El número es menor que 10’);
numero = numero +10;
}
Ejemplo
Sintaxis

21. Ejemplo 1
var Numero = Number(prompt(“Introduzca un número", ""));
if (!isNaN(Numero))
alert(“El cuadrado del número " + Numero +( Numero * Numero ));
A la variable numero se le asigna el valor
obtenido mediante la función prompt.
Mediante “Number” se transforma el tipo
del valor obtenido (es un string).
La función NaN devuelve verdadero si el
parámetro que se introduce no es un
número.
Comentario

22. Ejemplo 2
var Numero = Number(prompt(“Introduzca un número", ""));
Var Resultado = ‘’;
if (!isNaN(Numero)){
if (Numero % 2 == 0)
Resultado = ‘El número ‘ + Numero + ‘ es par’;
else
Resultado = ‘El número ‘ + Numero + ‘ es impar’;
}
alert(Resultado);
La instrucción if contiene a su vez otra
instrucción if.
La primera comprueba si el dato introducido
es de tipo numérico, el if mas interno decide
si el número es par o no (resto de la división
es cero)
Comentario

23. Bucles
• Para repetir un bloque de instrucciones en
JavaScript se pueden utilizar las instrucciones
while, do o for.
Expresión condicional
Sigue ejecutándose la
siguiente instrucción al
bucle
Bloque de instrucciones a ejecutar si la
condición se evalúa como true.
Bloque de instrucciones que se repite

24. Comentario a los ejemplos
• Los tres ejemplos que siguen tienen como
objetivo generar en un cuadro “alert” la tabla de
multiplicar del número 4
• La variable factor se utiliza para generar
secuencialmente los números 1, 2 … 10.
• La idea es incrementar en uno su valor hasta que
llegue al valor 10.

25. La instrucción while
while (expresión_condicional){
<bloque_instrucciones_a_repetir>
} Sintaxis
Ejemplo
var numero = 4;
var factor = 1;
var tabla =‘’;
var aux ;
while (factor <= 10){
aux= numero * factor;
tabla = tabla + numero + ‘ x ‘ + factor +’ = ‘ + aux + ‘n’;
factor = factor + 1;
}
alert (tabla);

26. La instrucción do
do{
<bloque_instrucciones_a_repetir>
} while (expresión_condicional) Sintaxis
Ejemplo
var numero = 4;
var factor = 0;
var tabla =‘’;
var aux ;
do{
factor = factor + 1;
aux = numero * factor;
tabla = tabla + numero + ‘ x ‘ + factor +’ = ‘ + aux + ‘n’;
} while (factor < 10)
alert (tabla);

27. La instrucción for
for (valor_inicial;valor_salida;valor_incremento){
<bloque_instrucciones_a_repetir>
} Sintaxis
Ejemplo
var numero = 4;
var tabla =‘’;
var aux ;
for ( var factor = 1; factor <=10; factor++ ){
aux = factor * numero;
tabla = tabla + numero + ‘ x ‘ + factor +’ = ‘ + aux + ‘n’;
}
alert (tabla);