Tipos de datos

Javascript es un lenguaje de tipos dinámicos y, por lo tanto, aunque hay tipos de datos, las variables no están vinculadas a ellos..

Tipo de dato Descripción
number Representa números como números enteros, valores flotantes, etc..
string Representa uno o más caracteres
bigint Representa enteros de longitud arbitraria
null Representa valores desconocidos
undefined Representa valores indefinidos
object Representa estructuras de datos complejas
boolean Representa verdadero o falso

Variables

Palabra clave Descripción Alcance
var var se usa para declarar variables (antigua forma de declarar variables) Función o ámbito global
let let también se usa para declarar variables (nueva forma). El valor de estas variables puede cambiar después de la asignación. Ámbito global o en bloque
const Se utiliza para declarar valores constantes. El valor de estas variables no se puede cambiar después de la asignación. Ámbito global o en bloque
              
        let variable-name; // Solo declaracion = undefined
        let variable-name = value; // Declaracion y asignacion de valor.
        let var1 = value1, var2 = value2, var3 = value3; // Multiples declaraciones
      

Escape Sequences in String

Code Output
\' Simple apostrofe
\" Double apostrofe
\\ Diagonal
\n Nueva linea
\t Espacio Tabulador
\r Retorno de carro

BASICOS

Script en la pagina

      <script type="text/javascript">  ...</script>      
    

Incluir un archivo javascript externo

      <script src="nombredearchivo.js"></script>      
    

Comentarios

Salida / entrada de datos

      console.log("Hola mundo");       // Mensaje a la consola 
      document.write(x);    // Mensaje directo al documento  HTML
      Dato_Nombre = prompt("Tu nombre?","Lucrecia");    // Dialogo para solicitar informacion. El segundo argumento es el mensaje a mostrar en el dialogo
      alert("Hola mundo"); // Mensaje de alert box
    

CONDICIONALES

If

      let age = 20; 

      if (age > 18) 
      {
        console.log('Adulto');
      }
    

If-else

      let age=7;
      if(age<0) 
      {
        console.log('Edad invalida');
      } 
      else if (age<5 && age >0) 
      {
        console.log('Infante');
      } 
      else if (age>=5 && age<=18) 
      {
        console.log('Adolecente');
      } 
      else if (age>18) 
      {
        console.log("Adulto");
      }
    

Switch

    // Realiza la comparacion de una variable en varios casos.
    let language = "italian";
    switch(language)
    {
      case "french" :
        console.log('BONJOUR');
        break;
      
      case "spanish":
        console.log('Hola');
        break;
      
      case "hindi" :
        console.log("Namaste");
        break;
      
      default:
        console.log('Hello');
    }      
    

Ciclos

for

      console.log('Ciclo simple ');
      for(let i=1;i<=10;i++) 
      {
        console.log(i);
      }		
    

for..of

    let mobiles = [ "iPhone", "Samsung", "OnePlus", "Pixel"];
    for(let mbl of mobiles) 
    {  
      console.log(mbl);
    } 		
    

while

      let i=1;
      while(i<=10) 
      {
        console.log(i);
        i++;
      }		
    

do-while

      let i=1;
      do 
      {
        console.log(i);
        i++;
      } while(i<=10);		
    

OPERADORES
Tipo Operadores
Aritmeticos +(suma) -(resta) *(multiplicacion) /(division) %(residuo) ++(incremento) --(deceremento)
Comparacion ==(igual) ===(igual estricta) !=(diferente) >(mayor) >=(mayor o igual) <(menor) <=<(menor o igual)/td>
Logicos &&(AND) ||(OR) !(NOT)

ARRAYS
		
      let arrayName = [value1, value2,..etc];
      let Numeros_Array =[5,789,4,92,1];      
    

Array asociativo

		
    let coche = {"color":"rojo", "marca":"seat", "modelo":"leon"};
    let dato = coche["color"];  // dato ahora vale: rojo
    

Metodos de array

Metodo Sintaxis
push(elemento_nuevo) Los elementos que se van a agregar al final de la matriz.
unshift(elemento_nuevo) Los elementos que se van a agregar al inicio de la matriz.
join(separador) se utiliza para unir todos los elementos del arreglo en una sola cadena de texto.
includes(valor) verifica si un valor específico existe dentro del arreglo.
splice(Posicion_Arreglo, Elementos_Borrar, Nuevo_Elemento) Cambia el contenido de una matriz de la siguiente manera: Eliminar o reemplazar elementos existentes y/o agregar nuevos elementos en su lugar
indexOf(Elemento_Buscar) Devuelve el primer índice en el que un dado se puede encontrar en la matriz, o -1 si no está presente.

FUNCIONES
      // Declaracion de una funcion 
      function fn-nombre(parametros)
      { 
        /*
          codigo interno de la funcion 
        */
      }

      // Usando la funcion 
      fn-nombre(1); 
    
      // Declaracion de una funcion con CallBack
      function fn-con-callback(parametros , Fn_CallBack)
      { 
        /*
          codigo interno de la funcion 
        */
        Fn_CallBack(datos_que_salen_de_la_funcion);
      }

      // Usando la funcion con CallBack
      fn-con-callback(5,funcion(Dato_Retornado) 
      {
        /*
          Cuando termina de ejecutarse el codigo 
          de la funcion se ejecuta esta sección y
          se puede utilizar el valor de
          "Dato_Retornado"
        */
        
      });
    

METODOS DE CADENA
Metodo Descripción Uso
cadena.slice(inicioTrozo[, finTrozo]) Extrae una sección de una cadena y devuelve una cadena nueva let sub-str=str.slice(starting position,ending position);
cadena.substr(inicio[, longitud]) Devuelve los caracteres de una cadena que comienzan en una localización especificada y de acuerdo al número de caracteres que se especifiquen. let sub-str=str.substring(starting position,ending position);
cadena.trim() Elimina los espacios en blanco en ambos extremos del string. let str1= str.trim();
cadena.split([separador][,limite]) Divide un objeto de tipo String en un array (vector) de cadenas mediante la separación de la cadena en subcadenas. let array=str.split("");
cadena.length Representa la longitud de una cadena, en unidades de código UTF-16. let vln = str.length()
cadena.indexOf(valorBusqueda[, indiceDesde]) Devuelve el índice, dentro del objeto String que realiza la llamada, de la primera ocurrencia del valor especificado, comenzando la búsqueda desde indiceDesde; o -1 si no se encuentra dicho valor. let index=str.indexOf("sub-string");
cadena.toUpperCase() Devuelve el valor convertido en mayúsculas de la cadena que realiza la llamada. let str1=str.toUpperCase();
cadena.toLowerCase() Devuelve el valor en minúsculas de la cadena que realiza la llamada. let str1=str.toLowerCase();
concat() Combina dos o más cadenas de texto y devuelve una cadena de texto nueva. let str3=str1.concat(" ",str2);

METODOS NUMERICOS
Metodo Descripción Uso
parseInt() Convierte (parsea) un argumento de tipo cadena y devuelve un entero de la base especificada. let z = parseInt(x);
parseFloat() Analiza un argumento (si es necesario, lo convierte en una cadena) y devuelve un número de coma flotante. let z =parseFloat(x);
toString() Método devuelve una cadena que representa al objeto especificado. let x = num.toString();
toFixed() Formatea y redondea un número usando notación de punto fijo. let x=num.toFixed(no of decimals)

MANEJO DE ERRORES

A veces nuestros scripts tienen errores. Pueden ocurrir debido a nuestros descuidos, una entrada inesperada del usuario, una respuesta errónea del servidor y por otras razones más.

Por lo general, un script “muere” (se detiene inmediatamente) en caso de error, imprimiéndolo en la consola.

      try 
      { //Codigo que se ejecuta, pero existe un error. 
        consolE.log("Abc"); // <- Genera un error al llamar una funcion no definida /  mal escrita
      } 
      catch (e) 
      { // Se intercepta el error 
        console.error("Hay un error en el codigo ["+e.message+"]");
        //alert("Hay un error en el codigo ["+e.message+"]");
      }