Javascript

Mostrar en consola

Para visualizar el valor de una variable o el resultado de una operación se utiliza la función:

1	console.log()

Donde dentro del paréntesis va lo que se va a mostrar en pantalla, ya sean datos o variables

console.log(5)
console.log("Hola Mundo!")

console.log(pi)
console.log(foo)

También se puede utilizar para mostrar el resultado de una operación.

JavaScript Debugging

Operaciones

Aritméticas

Javascript soporta el siguiente conjunto de operaciones entre números:

+: Suma
-: Resta
*: Multiplicación
/: Division
**: Potencia (ES2016)
%: Modulo (Resto de la division)

let x = 10
let y = 11

console.log(x + y)
console.log(x - y)
console.log(x * y)
console.log(x / y)

JavaScript Arithmetic

Incremento

La operación de incremento se utiliza para aumentar el valor de una variable numérica. Este incremento tiene varias formas de implementación:

Una unidad a la vez, se utiliza el operador ++

let miNumero = 3;
console.log(miNumero) // 3
miNumero++;
console.log(miNumero) // 4

Valores personalizados, se utiliza el operador +=

let miNumero = 3;
console.log(miNumero) // 3
miNumero += 5;
console.log(miNumero) // 8

Otros operadores son:

-- para decremento de a una unidad a la vez
-= para decremento con valores personalizados

JavaScript Assignment

Strings

Las cadenas de texto se pueden unir usando la operación concatenación, la cuál se realiza con el símbolo +

let foo = 'hola '
let bar = 'mundo'

console.log(foo + bar) // 'holamundo'

String + Number

Una característica de Javascript es que tiene un tipado dinámico, por lo que las variables pueden tener cualquier tipo de dato y este puede variar en tiempo de ejecución.

Al realizar operaciones entre diferentes tipos de datos se pueden dar diferentes resultados

let numero = 2
let texto = 'hola'

// La operación suma se comporta como concatenación
console.log(numero + texto) // '2hola'
console.log(texto + numero) // 'hola2'

// Otras operaciones comportan de foma aritmética
console.log(numero - texto) // NaN
console.log(texto - numero) // NaN

Sin embargo, si el texto consta solamente de caracteres numéricos, las operaciones diferentes a la suma sí se podrán realizar.

let numero = 2
let texto = '10'

// La operación suma se comporta como concatenación
console.log(numero + texto) // '210'
console.log(texto + numero) // '102'

// Otras operaciones comportan de foma aritmética
console.log(numero - texto) // -18
console.log(texto - numero) //  18

Lógicas

Las operaciones lógicas son operaciones que se realizan entre booleanos y se implementan con los siguientes símbolos:

&& Operación AND
|| Operación OR
! Operación NOT

let a = true
let b = false
console.log(a || b) // true
console.log(a && b) // false
console.log(!a) // false

Tabla de Verdad

true

false

true

false

true

false

A && B

true

false

A || B

true

false

Comparaciones

Los operadores de comparación se utilizan en declaraciones lógicas para determinar la igualdad o diferencia entre variables o valores, el resultado de una comparación es un valor booleano (true / false).

==: Igualdad
===: Igualdad estricta
>: Mayor qué
>=: Mayor o igual ****que.

1
2
3

console.log(8 == 5)
console.log(8 > 5)
console.log(8 >= 5)

!=: Diferencia
!==: Diferencia Estricta
<: Menor que
<=: Menor o igual que

1
2
3

console.log(8 != 5)
console.log(8 < 5)
console.log(8 <= 5)

JavaScript Comparison and Logical Operators

Control de flujo y manejo de errores

Condicionales

Las declaraciones condicionales se utilizan para realizar diferentes acciones basadas en diferentes condiciones. Una condición es algún valor booleano, ya sea:

Variable booleana
Resultado de una comparación
Resultado de una operación booleana (entre variables y/o comparaciones).

Las condicionales se declaran usando la sentencia if y se puede complementar con las sentencias **else** y **else if**. y las instrucciones para cada caso se definen en un bloque de código.

1
2
3

if (condition) {
  // bloque de código si la condición se cumple
}

if (condition) {
  // bloque de código si la condición se cumple
} else {
  // bloque de código si la condición NO se cumple
}

if (condition) {
  // bloque de código si la condición se cumple
} else if (otherCondition){
  // bloque de código si la condición NO se cumple pero sí se cumple la segunda
} else {
  // bloque de código si Ninguna condición se cumple
}

Se pueden evaluar variables como condiciones, en este caso los siguientes valores se evalúan como falso (también conocidos como valores falsy):

false: Variable booleana con valor false.
0: Variable numérica con valor 0.
NaN: Variable numérica con valor NaN.
"": Variable de texto con una cadena vacía como valor.
undefined: Variable sin asignar.
null: Elemento no existente.

Los demás valores serán considerados verdaderos (truthy).

JavaScript if else else if

Ciclos

Los ciclos ofrecen diferentes formas de ejecutar un bloque de código repetidamente.

While Loop

Los ciclos while se ejecutan mientras que una condición sea verdadera

1
2
3

while(condition){
	// bloque de código a ejecutar repetidamente
}

Es importante que la condición cambie en el tiempo para finalizar el ciclo, de lo contrario se ejecutará para siempre (Loop infinito) y bloqueará la página.

JavaScript while Loop

Do-While Loop

Un ciclo do-while es similar al ciclo while, sin embargo en éste el bloque de código se ejecuta al menos una vez sin importar la validez de la condición.

1
2
3

do {
	// bloque de código a ejecutar repetidamente
} while(condition);

For Loop

Los ciclos for se utilizan cuando se desea ejecutar algo una cantidad de veces predefinidas, para ello utilizan una variable numérica que irá incrementando en cada ciclo hasta llegar a un valor específico.

let cantCiclos = 10;
for(let i = 0; i < cantCiclos; i++){
		// bloque de código a ejecutar 10 veces
}

Los ciclos for se utilizan frecuentemente para recorrer una lista de elementos.

JavaScript for Loop

JavaScript Break and Continue

Break / Continue

Si se desea romper un ciclo a la fuerza se puede utilizar la palabra reservada break.

for(let i = 0; i < 10; i++) {
	if(i == 6){
		break;
	}
	console.log(i);
}

> 0
> 1
> 2
> 3
> 4
> 5

Si se desea saltar una iteración del ciclo se utiliza la palabra reservada continue

for(let i = 0; i < 10; i++) {
	if(i == 6){
		continue;
	}
	console.log(i);
}

> 0
> 1
> 2
> 3
> 4
> 5
> 7
> 8
> 9