Java Script es un lenguaje de programación que se utiliza principalmente para crear páginas Web dinámicas en la cual se incorporan efectos como texto que aparece y desaparece, animaciones, acciones que se activan al pulsar botones y ventanas con mensajes de aviso al usuario.
PROGRAMACIÓN BÁSICA
VARIABLES
Una variable es un elemento que se emplea para almacenar y hacer referencia a otro valor. Para identificar una variable en Java Script se usa la palabra var, que me indica que estoy trabajando con una variable. El identificador de las variables no puede empezar por un número, y dolo puede contener los caracteres _ y $.
TIPOS DE VARIABLES
Numéricas: Son variables que pueden tomar valores enteros o decimales. Los números que contienen decimales separan la parte entera con un punto de la parte decimal.
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.
Estos son algunos caracteres de conversión: Una nueva línea se escribe \n, Un tabulador \t Una comilla simple \'Una comilla doble \” Una barra inclinada \\
Arrays: Un array es una colección de variables, que pueden ser todas del mismo tipo o cada una de un tipo diferente.Se pueden agrupar todas las variables relacionadas en una colección de variables o array.
Ej:
var nombre_array = [valor1,valor2,…valorn];
var Departamentos = [“Huila”, “Caquetá”, “Cundinamarca”,”Caldas”,”Amazonas”];
Como acceder a los elementos:
var Departamento seleccionado = departamentos [ubicación];
var Huila = Departamentos [0];
Booleanos: Una variable de tipo booleano o de tipo lógico almacena un tipo especial de valor que solamente puede tomar dos valores: true (verdadero) o false (falso). No se puede utilizar para almacenar números y tampoco permite guardar cadenas de texto.
var clienteRegistrado = false;
var ivaIncluido = true;
OPERADORES
Los operadores permiten manipular el valor de las variables, realizar operaciones matemáticas con sus valores y comparar diferentes variables. De esta forma, los operadores permiten a los programas realizar cálculos complejos y tomar decisiones lógicas en función de comparaciones y otros tipos de condiciones.
TIPOS DE OPERADORES
Asignación: Este operador se utiliza para guardar un valor específico en una variable. El símbolo utilizado es =.
Ej: var cifra1= 6;
Incremento y Decremento: Estos dos operadores solamente son válidos para las variables numéricas y se utilizan para incrementar o decrementar en una unidad el valor de una variable.
Ej: Incrementar
var cifra1= 8;
++cifra;
alert(numero); //numero = 9
Decrementar
Var cifra1=8
--cifra;
alert(numero);//numero = 8
Ej2:
var numero1 = 5;
var numero2 = 2;
numero3 = numero1++ + numero2;
// numero3 = 7, numero1 = 6
var numero1 = 5;
var numero2 = 2;
numero3 = ++numero1 + numero2;
// numero3 = 8, numero1 = 6
En la instrucción numero3 = numero1++ + numero2;, el valor de numero1 se incrementa después de realizar la operación (primero se suma y numero3 vale 7, después se incrementa el valor de numero1 y vale 6). Sin embargo, en la instrucción numero3 = ++numero1 + numero2;, en primer lugar se incrementa el valor de numero1 y después se realiza la suma (primero se incrementa numero1 y vale 6, después se realiza la suma y numero3 vale 8).
Lógicos: Los operadores lógicos son imprescindibles para realizar aplicaciones complejas, ya que se utilizan para tomar decisiones sobre las instrucciones que debería ejecutar el programa en función de ciertas condiciones.
Negación: Uno de los operadores lógicos más utilizados es el de la negación. Se utiliza para obtener el valor contrario al valor de la variable:
var visible = true;
alert(!visible); // Muestra "false" y no "true"
La negación lógica se obtiene prefijando el símbolo ! al identificador de la variable.
Si la variable original es de tipo booleano, es muy sencillo obtener su negación. Sin embargo, ¿qué sucede cuando la variable es un número o una cadena de texto? Para obtener la negación en este tipo de variables, se realiza en primer lugar su conversión a un valor booleano:
· Si la variable contiene un número, se transforma en false si vale 0 y en true para cualquier otro número (positivo o negativo, decimal o entero).
· Si la variable contiene una cadena de texto, se transforma en false si la cadena es vacía ("") y en true en cualquier otro caso.
Ej:
var cantidad = 0;
vacio = !cantidad; // vacio = true
cantidad = 5;
vacio = !cantidad; // vacio = false
var mensaje = "";
mensajeVacio = !mensaje; // mensajeVacio = true
mensaje = "Hola";
mensajeVacio = !mensaje; // mensajeVacio = false
AND: La operación lógica AND obtiene su resultado combinando dos valores booleanos.
El operador se indica mediante el símbolo && y su resultado solamente es true si los dos operandos son true.
Ej:
var valor1 = true;
var valor2 = false;
resultado = valor1 && valor2; // resultado = false
valor1 = true;
valor2 = true;
resultado = valor1 && valor2; // resultado = true
OR: La operación lógica OR también combina dos valores booleanos. El operador se indica mediante el símbolo || y su resultado es true si alguno de los dos operandos es true.
var valor1 = true;
var valor2 = false;
resultado = valor1 || valor2; // resultado = true
valor1 = false;
valor2 = false;
resultado = valor1 || valor2; // resultado = false
Matemáticos: JavaScript permite realizar manipulaciones matemáticas sobre el valor de las variables numéricas. Los operadores definidos son: suma (+), resta (-), multiplicación (*) y división (/).
El operador "módulo", que calcula el resto de la división entera de dos números. En JavaScript se indica mediante el símbolo %, que no debe confundirse con el cálculo del porcentaje:
Relacionales: Los operadores relacionales definidos por JavaScript son idénticos a los que definen las matemáticas: mayor que (>), menor que (<), mayor o igual (>=), menor o igual (<=), igual que (==) y distinto de (!=).
El operador == se utiliza para comparar el valor de dos variables, por lo que es muy diferente del operador =, que se utiliza para asignar un valor a una variable. Los operadores relacionales también se pueden utilizar con variables de tipo cadena de texto.
ESTRUCTURAS DE CONTROL DE FLUJO
Los programas que se pueden realizar utilizando solamente variables y operadores son una simple sucesión lineal de instrucciones básicas.
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".
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) { ...
}
Si la condición se cumple (es decir, si su valor es true) se ejecutan todas las instrucciones que se encuentran dentro de {...}. Si la condición no se cumple (es decir, si su valor es false) no se ejecuta ninguna instrucción contenida en {...} y el programa continúa ejecutando el resto de instrucciones del script.
Ej: Usando la comparación entre dos variables
var mostrarMensaje = true;
if(mostrarMensaje == true) { alert("Hola Mundo");}
Los operadores AND y OR permiten encadenar varias condiciones simples para construir condiciones complejas
