-cronograma cuarto bimestre
Operadores aritméticos :
Suma +
Se trata de un operador usado para sumar dos valores numéricos o para concatenar cadenas entre sí o números y cadenas.
var var1 = 10, var2= "Buenos", var3 = " días", var4 = 31;
document.write(var1+var4) /* resultado 41 */
document.write(var2+var3) /* resultado: Buenos días */
document.write(var1+var3) /* resultando: 10 días */
Resta -
Operador usado para restar valores numéricos. Puede actuar sobre un único operando numérico cambiándole de signo.
var num1 = 10, num2 = 8, res = 0;
res = num1 - num2; /*res contiene 2 */
res = -res /* ahora res contiene -2*/
Producto ( * ) y cociente ( / )
Realizan las operaciones aritméticas de multiplicar y dividir dos valores numéricos.
var op1 = 50, op2= 4, div, mul;
div = op1/op2 /*div contiene 12.5 */
mul = op1 * op2 /*mul contendrá 200 */
Operador usado para restar valores numéricos. Puede actuar sobre un único operando numérico cambiándole de signo.
var num1 = 10, num2 = 8, res = 0;
res = num1 - num2; /*res contiene 2 */
res = -res /* ahora res contiene -2*/
Producto ( * ) y cociente ( / )
Realizan las operaciones aritméticas de multiplicar y dividir dos valores numéricos.
var op1 = 50, op2= 4, div, mul;
div = op1/op2 /*div contiene 12.5 */
mul = op1 * op2 /*mul contendrá 200 */
Resto %
También llamado operador módulo calcula el resto de una división.
var op1 = 50, op2= 4, resto;
resto = op1 % op2; /*resto contiene 2 */
También llamado operador módulo calcula el resto de una división.
var op1 = 50, op2= 4, resto;
resto = op1 % op2; /*resto contiene 2 */
Incremento ( ++) y decremento (--)
Estos operadores se usan para incrementar o decrementar en 1 el valor de una variable. Si el operador se antepone a la variable la operación de incremento o decremento es prioritaria sobre cualquier otra.
var op1=5, op2 = 5, res;
res = ++op1; /*res toma el valor 6 y luego op1 el 6*/
res = op1++; /*res toma el valor 5 y luego op2 el 6*/
Estos operadores se usan para incrementar o decrementar en 1 el valor de una variable. Si el operador se antepone a la variable la operación de incremento o decremento es prioritaria sobre cualquier otra.
var op1=5, op2 = 5, res;
res = ++op1; /*res toma el valor 6 y luego op1 el 6*/
res = op1++; /*res toma el valor 5 y luego op2 el 6*/
Operadores compuestos
Los operadores +, -, *, / pueden asociarse con el operador de asignación (=) para cambiar el valor de una variable numérica por incrementándolo, decrementándolo, multiplicándolo o dividiéndolo por un valor. El operador += puede usarse igualmente con variables de cadena.
var num = 20, cad = "buena";
num += 5; /*num adquiere el valor 25 (20 + 5) */
cad += 's' ; /*cad adquiere el valor 'buenas' */
Los operadores +, -, *, / pueden asociarse con el operador de asignación (=) para cambiar el valor de una variable numérica por incrementándolo, decrementándolo, multiplicándolo o dividiéndolo por un valor. El operador += puede usarse igualmente con variables de cadena.
var num = 20, cad = "buena";
num += 5; /*num adquiere el valor 25 (20 + 5) */
cad += 's' ; /*cad adquiere el valor 'buenas' */
*Para incorporar una imagen al código JavaScript se realiza con el mismo código de HTML:
<'img src="ruta_de_la_imagen" '>
variables
Las variables en los lenguajes de programación siguen una lógica similar a las variables utilizadas en otros ámbitos como las matemáticas. Una variable es un elemento que se emplea para almacenar y hacer referencia a otro valor. Gracias a las variables es posible crear "programas genéricos", es decir, programas que funcionan siempre igual independientemente de los valores concretos utilizados.
De la misma forma que si en Matemáticas no existieran las variables no se podrían definir las ecuaciones y fórmulas, en programación no se podrían hacer programas realmente útiles sin las variables.
Si no existieran variables, un programa que suma dos números podría escribirse como:
resultado = 3 + 1
El programa anterior es tan poco útil que sólo sirve para el caso en el que el primer número de la suma sea el 3 y el segundo número sea el 1. En cualquier otro caso, el programa obtiene un resultado incorrecto.
Sin embargo, el programa se puede rehacer de la siguiente manera utilizando variables para almacenar y referirse a cada número:
numero_1 = 3
numero_2 = 1
resultado = numero_1 + numero_2
Los elementos
numero_1 y numero_2 son variables que almacenan los valores que utiliza el programa. El resultado se calcula siempre en función del valor almacenado por las variables, por lo que este programa funciona correctamente para cualquier par de números indicado. Si se modifica el valor de las variables numero_1 y numero_2, el programa sigue funcionando correctamente.
Las variables en JavaScript se crean mediante la palabra reservada
var. De esta forma, el ejemplo anterior se puede realizar en JavaScript de la siguiente manera:var numero_1 = 3;
var numero_2 = 1;
var resultado = numero_1 + numero_2;
La palabra reservada
var solamente se debe indicar al definir por primera vez la variable, lo que se denomina declarar una variable. Cuando se utilizan las variables en el resto de instrucciones del script, solamente es necesario indicar su nombre. En otras palabras, en el ejemplo anterior sería un error indicar lo siguiente:var numero_1 = 3;
var numero_2 = 1;
var resultado = var numero_1 + var numero_2;
Si cuando se declara una variable se le asigna también un valor, se dice que la variable ha sidoinicializada. En JavaScript no es obligatorio inicializar las variables, ya que se pueden declarar por una parte y asignarles un valor posteriormente. Por tanto, el ejemplo anterior se puede rehacer de la siguiente manera:
var numero_1;
var numero_2;
numero_1 = 3;
numero_2 = 1;
var resultado = numero_1 + numero_2;
Una de las características más sorprendentes de JavaSript para los programadores habituados a otros lenguajes de programación es que tampoco es necesario declarar las variables. En otras palabras, se pueden utilizar variables que no se han definido anteriormente mediante la palabra reservada
var. El ejemplo anterior también es correcto en JavaScript de la siguiente forma:var numero_1 = 3;
var numero_2 = 1;
resultado = numero_1 + numero_2;
La variable
resultado no está declarada, por lo que JavaScript crea una variable global (más adelante se verán las diferencias entre variables locales y globales) y le asigna el valor correspondiente. De la misma forma, también sería correcto el siguiente código:numero_1 = 3;
numero_2 = 1;
resultado = numero_1 + numero_2;
En cualquier caso, se recomienda declarar todas las variables que se vayan a utilizar.
El nombre de una variable también se conoce como identificador y debe cumplir las siguientes normas:
- Sólo puede estar formado por letras, números y los símbolos
$(dólar) y_(guión bajo). - El primer carácter no puede ser un número.
Por tanto, las siguientes variables tienen nombres correctos:
var $numero1;
var _$letra;
var $$$otroNumero;
var $_a__$4;
Sin embargo, las siguientes variables tienen identificadores incorrectos:
var 1numero; // Empieza por un número
var numero;1_123; // Contiene un carácter ";"
Tipos de variables:
Aunque todas las variables de JavaScript se crean de la misma forma (mediante la palabra reservada
var), la forma en la que se les asigna un valor depende del tipo de valor que se quiere almacenar (números, textos, etc.)
1.Numéricas
Se utilizan para almacenar valores numéricos enteros (llamados integer en inglés) o decimales (llamados float en inglés). En este caso, el valor se asigna indicando directamente el número entero o decimal. Los números decimales utilizan el carácter . (punto) en vez de , (coma) para separar la parte entera y la parte decimal:
var iva = 16; // variable tipo entero
var total = 234.65; // variable tipo decimal
2.Cadenas de texto
Se utilizan para almacenar caracteres, palabras y/o frases de texto. Para asignar el valor a la variable, se encierra el valor entre comillas dobles o simples, para delimitar su comienzo y su final:
var mensaje = "Bienvenido a nuestro sitio web";
var nombreProducto = 'Producto ABC';
var letraSeleccionada = 'c';
En ocasiones, el texto que se almacena en las variables no es tan sencillo. Si por ejemplo el propio texto contiene comillas simples o dobles, la estrategia que se sigue es la de encerrar el texto con las comillas (simples o dobles) que no utilice el texto:
/* El contenido de texto1 tiene comillas simples, por lo que
se encierra con comillas dobles */
var texto1 = "Una frase con 'comillas simples' dentro";
/* El contenido de texto2 tiene comillas dobles, por lo que
se encierra con comillas simples */
var texto2 = 'Una frase con "comillas dobles" dentro';
No obstante, a veces las cadenas de texto contienen tanto comillas simples como dobles. Además, existen otros caracteres que son difíciles de incluir en una variable de texto (tabulador,
ENTER, etc.) Para resolver estos problemas, JavaScript define un mecanismo para incluir de forma sencilla caracteres especiales y problemáticos dentro de una cadena de texto.
El mecanismo consiste en sustituir el carácter problemático por una combinación simple de caracteres. A continuación se muestra la tabla de conversión que se debe utilizar:
| Si se quiere incluir... | Se debe incluir... |
|---|---|
| Una nueva línea | \n |
| Un tabulador | \t |
| Una comilla simple | \' |
| Una comilla doble | \" |
| Una barra inclinada | \\ |
De esta forma, el ejemplo anterior que contenía comillas simples y dobles dentro del texto se puede rehacer de la siguiente forma:
var texto1 = 'Una frase con \'comillas simples\' dentro';
var texto2 = "Una frase con \"comillas dobles\" dentro";
Este mecanismo de JavaScript se denomina "mecanismo de escape" de los caracteres problemáticos, y es habitual referirse a que los caracteres han sido "escapados".
ejemplo:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Ejercicio 2 - Mostrar mensajes complejos</title> <script type="text/javascript"> var mensaje = "Hola Mundo! \n Qué facil es incluir \'comillas simples\' \n y \"comillas dobles\" "; alert(mensaje); </script> </head> <body> <p>Esta página muestra un mensaje complejo</p> </body> </html>
3.Arrays
En ocasiones, a los arrays se les llama vectores, matrices e incluso arreglos. No obstante, el término array es el más utilizado y es una palabra comúnmente aceptada en el entorno de la programación.Un array es una colección de variables, que pueden ser todas del mismo tipo o cada una de un tipo diferente. Su utilidad se comprende mejor con un ejemplo sencillo: si una aplicación necesita manejar los días de la semana, se podrían crear siete variables de tipo texto:var dia1 = "Lunes"; var dia2 = "Martes"; ... var dia7 = "Domingo";Aunque el código anterior no es incorrecto, sí que es poco eficiente y complica en exceso la programación. Si en vez de los días de la semana se tuviera que guardar el nombre de los meses del año, el nombre de todos los países del mundo o las mediciones diarias de temperatura de los últimos 100 años, se tendrían que crear decenas o cientos de variables.En este tipo de casos, se pueden agrupar todas las variables relacionadas en una colección de variables o array. El ejemplo anterior se puede rehacer de la siguiente forma:var dias = ["Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado", "Domingo"];Ahora, una única variable llamadadiasalmacena todos los valores relacionados entre sí, en este caso los días de la semana. Para definir un array, se utilizan los caracteres[y]para delimitar su comienzo y su final y se utiliza el carácter,(coma) para separar sus elementos:var nombre_array = [valor1, valor2, ..., valorN];Una vez definido un array, es muy sencillo acceder a cada uno de sus elementos. Cada elemento se accede indicando su posición dentro del array. La única complicación, que es responsable de muchos errores cuando se empieza a programar, es que las posiciones de los elementos empiezan a contarse en el0y no en el1:var diaSeleccionado = dias[0]; // diaSeleccionado = "Lunes" var otroDia = dias[5]; // otroDia = "Sábado"En el ejemplo anterior, la primera instrucción quiere obtener el primer elemento del array. Para ello, se indica el nombre del array y entre corchetes la posición del elemento dentro del array. Como se ha comentado, las posiciones se empiezan a contar en el0, por lo que el primer elemento ocupa la posición0y se accede a el mediantedias[0].El valordias[5]hace referencia al elemento que ocupa la sexta posición dentro del arraydias. Como las posiciones empiezan a contarse en0, la posición5hace referencia al sexto elemento, en este caso, el valorSábado.ejemplo:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Ejercicio 3 - Arrays simples</title> <script type="text/javascript"> // Array que almacena los 12 meses del año var meses = ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"]; // Se muestra el nombre de cada mes alert(meses[0]); alert(meses[1]); alert(meses[2]); alert(meses[3]); alert(meses[4]); alert(meses[5]); alert(meses[6]); alert(meses[7]); alert(meses[8]); alert(meses[9]); alert(meses[10]); alert(meses[11]); </script> </head> <body> <p>Esta página muestra los 12 meses del año</p> </body> </html>tomado de:http://librosweb.es/libro/javascript/capitulo_3/tipos_de_variables.html
