JavaScript .- Operadores de Asignación.

 

Explicación Importante

Tenemos ya una variable declarada y a esta variable queremos sumarle un nuevo valor

la lógica hasta ahora nos llevaría hacerlo de la siguiente manera.

let num_1 = 2; //declaramos

num_1 = num_1 + 5 ; //le asignamos un nuevo valor

console.log(num_1)  //Mostramos

Pero con el operador += logramos una equivalencia de código 

Ejemplo.

Código JavaScript

let num_1 = 2; //declaramos

//A mi variable le sumamos , la variable + el numero indicado

   num_1 += 5 ; //Sumamos 

// num_1 = num_1 + 5 

console.log(num_1)  //Mostramos en consola

Prácticamente al signo = le añadimos un operador aritmético para crear nuevos operadores.

Operador	Ejemplo	Es igual que escribir
=	x = y	x = y
+=	x += y	x = x + y
-=	x -= y	x = x - y
*=	x *= y	x = x * y
/=	x /= y	x = x / y
%=	x %= y	x = x % y

Ejemplos.

Suma (cadenas de texto)

Código JavaScript

let texto = "Apuntes"; //declaramos

   texto += "Navarrete" ; //operamos 

   //Es equivalente a escribir

// texto = texto + "Navarrete" 

console.log(texto)  //Mostramos

Resta

Código JavaScript

let num_1 = 9; //declaramos

   num_1 -= 2 ; //operamos 

   //Es equivalente a escribir

// num_1 = num_1 - numero 

console.log(num_1)  //Mostramos

Multiplicación

Código JavaScript

let num_1 = 5; //declaramos

   num_1 *= 2 ; //operamos 

   //Es equivalente a escribir

// num_1 = num_1 * numero 

console.log(num_1)  //Mostramos

División 

Código JavaScript

let num_1 = 20; //declaramos

   num_1 /= 2 ; //operamos 

   //Es equivalente a escribir

// num_1 = num_1 / numero 

console.log(num_1)  //Mostramos

Residuo

Código JavaScript

let num_1 = 19; //declaramos

   num_1 %= 2 ; //operamos 

   //Es equivalente a escribir

// num_1 = num_1 % numero 

console.log(num_1)  //Mostramos

Conclusión

Hemos aprendido una nueva forma de operar utilizando el signo =  mas operadores básicos , lo que facilita nuestra escritura de código , que si bien , parece ahorrarnos poco código , en un entorno real , donde has cientos de líneas de código , este ahorra será un gran alivio.

despedida

Esperemos te haya servido de utilidad este articulo , síguenos en nuestras redes sociales para seguir aprendiendo juntos , compártenos cualquier duda o comentario que te haya surgido , puede ayudarnos a crecer a ambos.

TE DEJAMOS UNA imagen que puedes guardar como apuntes de tu progreso.

 

JavaScript .- Operadores Aritméticos .

 En nuestras declaraciones podemos realizar varias operaciones aritméticas como lo son ;

Operador	Descripción
+	Suma
-	Resta
*	Multiplicación
**	Exponente
/	División
%	Modulo
++	Incremento
--	Decremento

 Suma +

Vamos directo a un ejemplo , podemos guardar directamente una suma en una variable.

vamos a mostrar todos nuestros ejemplos con console.log.

Código JavaScript

let Resultado_suma = 3 + 2 ; // 5

console.log(Resultado_suma)

lo que muestra la consola

Cuando usamos el operador Suma con cadenas de texto en lugar de números , estas se concatenaran (unirán)

Código JavaScript

let Resultado_suma = "Hola" + "Mundo" ;

console.log(Resultado_suma)

lo que muestra la consola

También podemos sumar 2 variables y guardar el resultado en una nueva variable.

Código JavaScript

let num_1 = 1 ;

let num_2 = 2 ;

let num_3 = 4 ;

let suma_numeros = num_1 + num_2 + num_3 ; // 7

console.log(suma_numeros)

lo que muestra la consola

Como podemos observar las operaciones se pueden hacer con mas de 2 operandos

Resta -

Código JavaScript

let num_1 = 9 ;

let num_2 = 2 ;

let resta_numeros = num_1 - num_2 ; // 7

console.log(resta_numeros)

lo que muestra la consola

Multiplicar *

Código JavaScript

let num_1 = 5 ;

let num_2 = 2 ;

let multiplicacion_numeros = num_1 * num_2 ; // 10

console.log(multiplicacion_numeros)

lo que muestra la consola

Dividir /

Código JavaScript

let num_1 = 14 ;

let num_2 = 2 ;

let divicion_numeros = num_1 / num_2 ; // 7

console.log(divicion_numeros)

lo que muestra la consola

Modulo %

Si la división la hiciéramos con un resultado entero , este operador nos devuelve el resto. 

Código JavaScript

let num_1 = 5 ;

let num_2 = 2 ;

let resto_numeros = num_1 % num_2 ; // 1

console.log(resto_numeros)

 

lo que muestra la consola

Incremento ++

Incrementa en una unidad (1) nuestro numero.

Código JavaScript

let numero = 6;

numero++ ;

console.log(numero) // 7

 

lo que muestra la consola

Decremento --

Disminuye en una unidad (1) nuestro numero.

Código JavaScript

let numero = 6;

numero-- ;

 console.log(numero) // 5

lo que muestra la consola

Exponente

Código JavaScript

let numero = 6;

let numero_elevado = numero ** 2 ;

 console.log(numero_elevado); // 36

lo que muestra la consola

Agrupación y orden

Como puedes observar son operaciones básicas que nos enseñaron temprano en la escuela, también podemos usar varias en la misma expresión y como la aritmética tradicional , obedecerá las leyes de los signos y agrupación

Te dejamos algunos ejemplos

Código JavaScript

let operacion_1 = (2+2) * 3; // 12

let operacion_2 = (2+2) ** 3; // 64

let operacion_3 = (2+2)*(2+2); // 16

console.log(operacion_1);

console.log(operacion_2);

console.log(operacion_3);

lo que muestra la consola

conclusión

Como puedes ver, dentro de JavaScript podemos hacer operaciones como en aritmética , y de un uso muy simple , y aunque podemos hacer operaciones todavía mas complejas , con esto tendremos para rato , no olvides practicar todas las operaciones que se te ocurran.

despedida

Esperemos te haya servido de utilidad este articulo , síguenos en nuestras redes sociales para seguir aprendiendo juntos , compártenos cualquier duda o comentario que te haya surgido , puede ayudarnos a crecer a ambos.

TE DEJAMOS UNA imagen que puedes guardar como apuntes de tu progreso.

 

JavaScript .- Variables ,Diferencias entre let , const y var.

Sobrescribir variables

Las variables escritas con let pueden sobrescribirse , podemos manipular su valor conforme lo necesitemos en la aplicación.

He declarado una variable "mejor_amigo" , pero este cambiara a lo largo de mi aplicación(como de nuestra vida :( )

let mejor_amigo = 'carlos' //declaramos

console.log(mejor_amigo) //carlos

mejor_amigo = 'pedro' //llamamos y renombramos

console.log(mejor_amigo) //pedro

Hemos renombrado la variable de Carlos a pedro.

const

Las variables escritas con const no podrán sobre-escribirse , como su nombre lo indica (son constantes) .

Por ejemplo definiremos una variable llamada mama, que sin importar el tiempo será igual en toda la aplicación (y en nuestra vida :) ), e intentaremos renombrar esta variable const

const madre = 'Marisol'

console.log(madre) //Marisol

madre = 'Clarita'

console.log(madre) //error

Lo que imprimirá la consola

nota ; los nombres de variables (identificadores) , si pueden tener acento , pero no es muy recomendado su uso.

 

conclusión

 Con let podemos re-definir valores , y con const no

Alcance de bloque

Compliquemos solo un poco el asunto , let y const van a tener un alcance de bloque , es decir , toda porción de código encerrada entre llaves: {} 

*ya debiste ver los artículos sobre visualización de datos (consolé).

const nombre= "Erik" ; 

console.log("El nombre fuera del bloque es") 

console.log(nombre)    

{

    const nombre= "Carlos"

    console.log("el nombre dentro del bloque es") 

    console.log(nombre)

//lo que imprimiremos sera la variable nombre dentro de este bloque

//que nada tiene que ver con las variables definidas afuera

}

console.log("El nombre fuera del bloque sigue siendo") 

console.log(nombre)    

Un ejemplo mas , con mas bloques y un poco mas limpio.

const nombre= "Erik" ; 

console.log(nombre)    

{

    const nombre= "Carlos"

    console.log(nombre)

}

{

    const nombre= "Pedro"

    console.log(nombre)

}

console.log("El nombre fuera del bloque sigue siendo") 

console.log(nombre) 

Resultado que imprime la consola

Hablemos sobre var 

-let y const fueron implementadas para sustituir a var , y si bien declarar variables con var es posible, ya no es aconsejable .

-Var ; no tiene una restricción de bloque , lo que usarlo nos deja un código difícil de estructurar y causa problemas si no nos fijamos bien en las variables que declaramos, solo deberíamos usarla en el remoto caso de que necesitemos declarar una variable Global , que se pueda acceder a su valor , dentro y fuera de los bloques.

conclusión 

En conclusión ; la mayoría de variables debes declararlas con const , pero si  necesitas que tu variable cambie su valor  , en ese caso usa let .

 var nunca pero nunca ,deberías utilizarla en la actualidad , siempre habrá una solución mejor que usar var.

despedida

Esperemos te haya servido de utilidad este articulo , síguenos en nuestras redes sociales para seguir aprendiendo juntos , compártenos cualquier duda o comentario que te haya surgido , puede ayudarnos a crecer a ambos.

TE DEJAMOS UNA imagen que puedes guardar como apuntes de tu progreso.

JavaScript.- Declaraciones Javascript

Cuando se corre un programa o una aplicación web , lo que pasa internamente ; son una lista de instrucciones que nuestra maquina debe seguir. A estas instrucciones las llamamos ;

Declaraciones.

JavaScript podría definirse como ; una lista de instrucciones de carácter Interactivo que ejecuta nuestro navegador.

Estas Declaraciones se componen de

Valores, operadores, expresiones, palabras clave y comentarios.

y cada declaración (Instrucción) se separan por punto y coma ;

por ejemplo Código JavaScript;

alert("Primera instruccion");

alert("segunda instruccion");

alert("tercera instruccion");

alert("cuarta instruccion");

Al ejecutar en el navegador , veremos como cada instrucción se ejecuta solo al termino de la instrucción pasada ,  teniendo un orden de arriba hacia abajo.

Y aunque en Internet podremos ver instrucciones sin punto y coma ; , ejecutándose sin problema ,    no deberíamos olvidar ponerlos 

De echo al tener el punto y coma como finalización de la declaración , podríamos poner estas instrucciones seguidas.

alert("Primera instruccion"); alert("segunda instruccion");

alert("tercera instruccion"); alert("cuarta instruccion");

y se ejecutaría normalmente

Espacios en Blanco en JavaScript

JavaScript ignora los espacios en blanco , lo cual nos favorece a la hora de escribir código y ponerlo en una forma mas ordenada.

Como ejemplo escribiremos 2 instrucciones que son equivalentes;

alert("Primera instruccion");

alert  ("segunda instruccion")  ;

Saltos de linea en JavaScript

En caso de tener un código muy largo podríamos cortar y escribirlo abajo , lo que nos favorece en la legibilidad.

Como ejemplo escribiremos 2 instrucciones que son equivalentes;

alert("Primera instruccion");

alert 

("segunda instruccion");

Conclusión

Aprendimos lo básico a la hora de declara variables , su finalización , como separarlas y como podemos acomodar para mayor legibilidad del código sin que afecte su funcionamiento  

Despedida

Esperemos te haya servido de utilidad este articulo , síguenos en nuestras redes sociales para seguir aprendiendo juntos , compártenos cualquier duda o comentario que te haya surgido , puede ayudarnos a crecer a ambos.

Guarda esta imagen como parte de tus notas