Programación básica

Programación básica

1. Variables

   • Elemento que se emplea para almacenar y hacer referencia a otro valor.
   • Gracias a estas es posible crear "programas genéricos", es decir, programas que funcionan siempre igual independientemente de los valores concretos utilizados.
   • En JavaScript se crean mediante la palabra reservada var
     • Se usa para definir por primera vez la variable, (declarar una variable).
       • Si cuando se declara una variable se le asigna también un valor, se dice que la variable ha sido inicializada.
   • El nombre de una variable también se conoce como identificador
     • 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

2. Tipos de variables

   • Todas las variables de JavaScript se crean de la misma manera (palabra reservada var), pero la forma en la que se les asigna un valor depende del tipo de valor que se quiere almacenar (números, textos, etc.)
     • Numéricas
       • Utilizadas para almacenar valores numéricos enteros (integer) o decimales (float).
         • 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
     • 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
           • JavaScript posee un mecanismo denominado "mecanismo de escape" de los caracteres problemáticos, y es habitual referirse a que los caracteres han sido "escapados".
     • Arrays
       • También llamados vectores, matrices o arreglos.
       • Es una colección de variables, que pueden ser todas del mismo tipo o cada una de un tipo diferente.
     • Booleanos
       • (Boolean o booleano). También conocidos con el nombre de variables 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.

3. Operadores

   • Los operadores permiten manipular el valor de las variables, realizar operaciones matemáticas con sus valores y comparar diferentes variables.
     • 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
       • Es el más utilizado y sencillo. Se utiliza para guardar un valor específico en una variable. El símbolo utilizado es = (no confundir con el operador ==)
         • A la izquierda del operador, siempre debe indicarse el nombre de una variable. A la derecha del operador, se pueden indicar variables, valores, condiciones lógicas, etc
     • Incremento y decremento
       • Solamente son válidos para las variables numéricas, se utilizan para incrementar o decrementar en una unidad el valor de una variable.
       • El operador de incremento se indica mediante el prefijo ++ en el nombre de la variable. El resultado es que el valor de esa variable se incrementa en una unidad.
         • El operador decremento (indicado como un prefijo -- en el nombre de la variable) se utiliza para decrementar el valor de la variable
           • Si el operador ++ se indica como prefijo del identificador de la variable, su valor se incrementa antes de realizar cualquier otra operación. Si el operador ++ se indica como sufijo del identificador de la variable, su valor se incrementa después de ejecutar la sentencia en la que aparece.
     • Lógicos
       • Se usan para realizar aplicaciones complejas, se utilizan para tomar decisiones sobre las instrucciones que debería ejecutar el programa . El resultado de cualquier operación que utilice operadores lógicos siempre es un valor lógico o booleano.
     • Negación
       • Se utiliza para obtener el valor contrario al valor de la variable
         • La negación lógica se obtiene prefijando el símbolo ! al identificador de la variable.
           • 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.
     • 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
     • OR
       • 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
     • Matemáticos
       • Los operadores definidos son: suma (+), resta (-), multiplicación (*) y división (/).
         • JavaScript define otro operador matemático, es el operador "módulo", que calcula el resto de la división entera de dos números
           • Se indica mediante el símbolo %, que no debe confundirse con el cálculo del porcentaje
     • Relacionales
       • Mayor que (>), menor que (<), mayor o igual (>=), menor o igual (<=), igual que (==) y distinto de (!=).
         • El resultado de todos estos operadores siempre es un valor booleano
           • Para determinar si una letra es mayor o menor que otra, las mayúsculas se consideran menores que las minúsculas y las primeras letras del alfabeto son menores que las últimas

4. Estructuras de control de flujo

   • 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".
   • Los programas dejan de ser una sucesión lineal de instrucciones para convertirse en programas inteligentes
   • Tipos
     • Estructura if
       • Se emplea para tomar decisiones en función de una condición
         • 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 {...}
     • Estructura if...else
       • Normalmente las condiciones suelen ser del tipo "si se cumple esta condición, hazlo; si no se cumple, haz esto otro".
         • Si la condición se cumple (es decir, si su valor es true) se ejecutan todas las instrucciones que se encuentran dentro del if(). Si la condición no se cumple (es decir, si su valor es false) se ejecutan todas las instrucciones contenidas en else { }.
     • Estructura for
       • "Mientras la condición indicada se siga cumpliendo, repite la ejecución de las instrucciones definidas dentro del for. Además, después de cada repetición, actualiza el valor de las variables que se utilizan en la condición".
         • La "inicialización" es la zona en la que se establece los valores iniciales de las variables que controlan la repetición.
         • La "condición" es el único elemento que decide si continua o se detiene la repetición.
         • La "actualización" es el nuevo valor que se asigna después de cada repetición a las variables que controlan la repetición.
     • Estructura for...in
       • Esta estructura de control es la más adecuada para recorrer arrays (y objetos), ya que evita tener que indicar la inicialización y las condiciones del bucle for simple y funciona correctamente cualquiera que sea la longitud del array

5. Funciones y propiedades básicas JavaScript

   • Herramientas y utilidades para el manejo de las variables.
     • Funciones útiles para cadenas de texto
       • length, calcula la longitud de una cadena de texto (el número de caracteres que la forman)
       • +, se emplea para concatenar varias cadenas de texto, también se puede utilizar la función concat()
       • toUpperCase(), transforma todos los caracteres de la cadena a sus correspondientes caracteres en mayúsculas
       • toLowerCase(), transforma todos los caracteres de la cadena a sus correspondientes caracteres en minúsculas
       • charAt(posicion), obtiene el carácter que se encuentra en la posición indicada
       • indexOf(caracter), calcula la posición en la que se encuentra el carácter indicado dentro de la cadena de texto.
       • lastIndexOf(caracter), calcula la última posición en la que se encuentra el carácter indicado dentro de la cadena de texto.
       • substring(inicio, final), extrae una porción de una cadena de texto. El segundo parámetro es opcional
       • split(separador), convierte una cadena de texto en un array de cadenas de texto.
     • Funciones útiles para arrays
       • length, calcula el número de elementos de un array
       • concat(), se emplea para concatenar los elementos de varios arrays
       • join(separador), es la función contraria a split(). Une todos los elementos de un array para formar una cadena de texto
       • pop(), elimina el último elemento del array y lo devuelve. El array original se modifica y su longitud disminuye en 1 elemento.
       • push(), añade un elemento al final del array. El array original se modifica y aumenta su longitud en 1 elemento.
       • shift(), elimina el primer elemento del array y lo devuelve. El array original se ve modificado y su longitud disminuida en 1 elemento.
       • unshift(), añade un elemento al principio del array. El array original se modifica y aumenta su longitud en 1 elemento
       • reverse(), modifica un array colocando sus elementos en el orden inverso a su posición original
     • Funciones útiles para números
       • NaN, ("Not a Number") se emplea para indicar un valor numérico no definido
       • isNaN(), permite proteger a la aplicación de posibles valores numéricos no definidos
       • Infinity, hace referencia a un valor numérico infinito y positivo (también existe el valor –Infinity para los infinitos negativos)
       • toFixed(digitos), devuelve el número original con tantos decimales como los indicados por el parámetro digitos y realiza los redondeos necesarios