Variables: Números

Clase 6 de 55 • Fundamentos de JavaScript 2018

Resumen

En esta clase aprenderemos variables de tipo números y las operaciones más comunes en este tipo de variables.

En esta clase veremos operadores matemáticos como:

suma ( + )
resta ( - )
multiplicación
división

Recerda que en operaciones con decimales debemos realizar operaciones adicionales para conseguir un resultado preciso. Ej. var total = ( precioDeVino * 100 * 3) / 100

Para redondear una operación se utiliza la función: Math.round

Carlos Rodríguez Huerta

student•

De ser nuevo en atom, recomiendo descargar el paquete “file-icons”, mostrará un icono diferente para cada tipo de archivo que crees.
P.D. ruta: file/setings/install/“escribir el nombre en el buscador”.

Saúl Báez Terrez

student•

Esta genial!! Lo acabo de instalar y se ve muy bien

wesly hernandez

student•

Esa es una buena recomendación para lo usuarios de Atom. Yo lo llegue a utilizar y mi ayudo mucho a la hora de hacer proyecto con varias tecnología.

Erick Lugo

student•

Dejo mi aporte con comentarios:

/* 
    Operadores con numeros:
    para sumar se usa +
    para restar se usa -
    para multiplicar se usa *
    para dividir se usa /
*/

var edad = 24

edad += 1 //lo que ya tenia edad mas 1 (edad vale 25)
edad ++ //lo que vale edad mas 1 (edad vale 26)
edad -= 1 //lo que ya tenia edad menos 1 (edad vale 25)
edad -- //lo que ya tenia edad menos 1 (edad vale 24)

var precioDeVino = 200.3

var total = Math.round(precioDeVino * 100 * 3) / 100 //redondear una cantidad con Math.round()
var totalStr = total.toFixed(2) //toFixed(n) para tomar en cuenta n cantidad de decimales que queremos
var total2 = parseFloat(totalStr) //parsear de un string a un float (convertir de texto a numero decimal)


var pizza = 8
var persona = 2
var cantidadDePorcionesPorPersona = pizza / personas

Jesus Soto

student•

Muchas Gracias

Jesus Ricardo Moreira Cedeño

student•

Gracias 😃

Carlos Mario

student•

José Gregorio Block

company_admin•

#Excelente!

Leobardo Adrian Diaz Ruiz

student•

Esas si son notas, no como las que hacemos los demas XD

Jose L. Figueroa

student•

Incrementar el valor de una variable :

var = var + 1
var += 1

Decrementar el valor de una variable :

var = var - 1
var -= 1

Suma de 2 números :

var = var1 + var2

En js la manera de almacenar decimales no es tan precisa, ya que js destina cierta cantidad de bytes de la memoria RAM para asignar un número decimal.

El módulo de matemáticas Math nos ayuda a realizar cálculos más precisos.

str.toFixed(número de decimales) - Nos entrega una cadena con el número de decimales especificado como parámetro.
parseFloat(str) - Convierte una string a un número de punto flotante.

Emanuel Zarazaga

student•

muchas gracias

Leobardo Adrian Diaz Ruiz

student•

saludos.

Albert Jiménez

student•

Nada como Visual estudio code para programar en JavaScript 😃 Es una delicia.

Irving Meyer

student•

Que tema usas? Probaste el plugin de Quokka.js en VsCode???

Jorge Ossa

student•

let edad = 32
edad += 1 //incremento

let peso = 80
peso -= 2 //decrimento

//Suma de números
let sandwich = 1
peso += sandwich

//Resta de números
let juagarFutbol = 3
peso -= juagarFutbol

//Decimales
let precioVino = 200.3
let total = Math.round(precioVino * 3) / 100 //Redondear sin impor los decimales
let totalStr = total.toFixed(2) // agregar decimales, convierte el valor en un string
let total2 = parseFloat(totalStr) // convierte el string nuevamente en un número

let pizza = 8
let personas = 2
let cantidadPorcionesPorPersona = pizza / personas

diego salazar

student•

gracias por tu aporte!

Victor Manuel Murillo Camayo

student•

Gracias por tu aporte, estaba confundido respecto al uso de var y val

Daniel Colmán

student•

Hagan esta prueba

var costVino = 200.3
var costTotal = parseFloat((costVino * 3).toFixed(2))

julian orrego

student•

Mucho más practico. Gracias

Obed Paz

student•

excelente, mucho mejor.

Willy David Da Conceicao Lozada

student•

![](

// incremento en uno el valor de la variable
var edad = 27
// edad = edad + 1
edad += 1

// suponemos que perdi 2kg | RESTA
var peso = 75
// peso = peso - 2
peso -= 2

// SUMAMOS DOS NUMEROS DISTINTOS | SUMA|
var sandwich = 1 
peso += sandwich // retorna 74 teniamos 75 restamos 2 y sumamos sandwich

// restamos en 3 el valor de peso | RESTA
var jugarAlFutbol = 3
peso -= jugarAlFutbol // valia 74 y si juego al futbol vale 71 la variable peso

// numero decimales | MULTIPLICACION | la precisión de decimales no es exacta cuando los calcula ejemplo una multiplicación se soluciona de varias maneras.
var precioDeVino = 200.3
var total = Math.round(precioDeVino * 100 * 3) / 100 // redondea lo que esta dentro de la funcion y luego dividela entre 100 

// PARA DECIRLE QUE MUESTRE 2 DECIMALES 
var totalStr = total.toFixed(2) //devuelve el decimal con dos decimales en string
var total2 = parseFloat(totalStr) // pasa el str a flotante

// Para hacer divisiones | LA PIZZA TIENE 8 PORCIONES Y COMERAN 2 PERSONAS, cuantas porciones tiene que comer cada persona
var pizza = 8 
var personas = 2
var cantidadDePorcionesPorPersona = pizza / personas

Juan Vicente Cordero

student•

Recalcar que cuando Sacha dice igual, no es realmente igual, es decir, el operador igual ( = ) dentro del contexto que refiere es considerado un operador de asignación, estamos asignando Xvalor a una variable. Cuando nos referimos a una comparativa de igualdad debemos poner doble igual ( == ), y para referirnos a una igualdad estricta utilizamos triple igual ( === ). Saludos. ;)

Nurio Fernández Muñiz

student•

Se te olvidó mencionar la repetición del carácter suma/resta para sumar/restar uno.

var num = 1;
num++;
console.log(num); // Output: 2
num--;
console.log(num); // Output: 1

Japheth Calzada López

student•

esa es la que más ocupoi

Jhosep Pérez

student•

Este fue un ejercicio un poco largo que hice gracias a las tres primeras clases. El resultado fue:

Jorge se comió: 11 Choripanes = 385 calorías 4 Hamburguesas = 160 calorías. 35 Empanadas = 525 calorías. 14 litros de jugo = 56 calorías. Solo en esta semana su consumo de calorías fue de 1126 cal.

Jorge entrena 6 días por semana, 2 horas por día. Eso quiere decir que a la semana Jorge quema: 324 calorías.

Jorge debería entrenar 7 horas al día si quiere perder todas las calorías que consume por semana.


let persona = 'Jorge';

// Jorge come mucho semanalmente:
let choripan = 35;
let hamburguesa = 40;
let empanadas = 15;

let jugoMango = 4;


// Jorge hace ejercicio 3 veces por semana
let ejercicioPorHora = 27;


// Cuanto come Jorge de cada cosa por semana?
// Cuantas calorias gana?
// Y cuantas pierde gracias al ejerciico?
//  Esta jorge ganando mas calorias de las que pierde?

// Preguntas
let preguntaChoripan = prompt('Cuantos choripanes se comio Jorge entre ayer y hoy?');
let preguntaHamburguesas = prompt('Cuantas veces fue Jorge a comer hamburguesas esta semana?');
let preguntaEmpanadas = prompt('Cuantas empanadas se desayuna Jorge a diario?');
let preguntajugo = prompt('Cuantos litros de jugo toma jorge al dia?');

let preguntaejercicio1 = prompt('Cuantas veces por semana ejercita Jorge?');
let preguntaejercicio2 = prompt('Cuantas horas al dia ejercita Jorge?');

// Cantidades
let choripanesIngeridos = Math.round(preguntaChoripan * 3.5);
let hamburguesasIngeridas = preguntaHamburguesas;
let empanadasIngeridas = preguntaEmpanadas * 7;
let jugoIngerido = preguntajugo * 7;

let diasEntrenados = preguntaejercicio1;
let horasEntrenadas = preguntaejercicio2;
let caloriasPerdidas = (diasEntrenados * horasEntrenadas) * 27;

// Calorias Totales
let calChoripan = choripanesIngeridos * 35;
let calHamburguesa = hamburguesasIngeridas * 40;
let calEmpanadas = empanadasIngeridas * 15;
let calJugo = jugoIngerido * 4;

let caloriasTotales = calChoripan + calHamburguesa + calEmpanadas + calJugo;

let xHoras = Math.round((caloriasTotales / preguntaejercicio1) / ejercicioPorHora);

console.log(xHoras);

document.write(`${persona} se comio: <br>
   ${choripanesIngeridos} Choripanes = ${calChoripan} calorias <br>
   ${hamburguesasIngeridas} Hamburguesas = ${calHamburguesa} calorias. <br>
   ${empanadasIngeridas} Empanadas = ${calEmpanadas} calorias. <br>
   ${jugoIngerido} litros de jugo = ${calJugo} calorias. <br>
   Solo en esta semana su consumo de calorias fue de ${caloriasTotales} cal.
   <br>
   <br>
   Jorge entrena ${diasEntrenados} dias por semana, ${horasEntrenadas} horas por dia. <br>
   Eso quiere decir que a la semana Jorge quema: ${caloriasPerdidas} calorias. <br>
   <br>
   Jorge deberia entrenar ${xHoras} horas al dia si quiere perder todas las calorias que consume por semana.
`)

Nicolas Esteban Prieto Sarmiento

student•

Bien!

Alejo Fonseca

student•

Excelente

Carlos Mario

student•

Jery Rafael Ramírez Teo

student•

Resumen:
funcion que me permite redondear un numero
*Math.round
metodo que nos permite mostrar los decimales que queramos en un string
*toFixed(n)
parseFloat nos permite convertir un string a float
parseFloat()

Edward Tamay

student•

Genial...

Mirna Mabel Veras Carvajal

student•

Mi resumen de la clase:

//Incremento (edad = edad + 1):
var edad = 27
edad += 1

//Disminución (peso = peso - 2):
var peso = 75
peso -= 2

//Sumar dos números:
var sandwich = 1
peso += sandwich

//Restar dos números:
var jugarAlFutbol = 3
peso -= jugarAlFutbol

//Ejemplo Multiplicación con decimales:
var precioDeVino = 200.3
var total = precioDeVino * 3
//Esta operación da como resultado 600.9000000000001

//Podemos hacerlo de esta manera más precisa 
//(conociendo que sólo son 2 decimales):
var total1 = precioDeVino * 100 * 3 / 100

//Sin importar cuántos decimales hay:
var total2 = Math.round(precioDeVino * 100 * 3) / 100

//Para representar el total con 'x' decimales 
//(convertimos a string, entre paréntesis # de decimales):
var totalStr = total.toFixed(2)

//Para devolverlo al formato número:
var totalEnNumeros = parseFloat(totalStr)

//División:
var pizza = 8
var persona = 2
var cantidadDePorcionesPorPersona = pizza / persona

Alejandro Giraldo Londoño

student•

RESUMEN:

En el siguiente resumen podrás ver algunas operaciones realizadas con JS, desde operadores incrementales, hasta parsear. Queda claro que existen muchos más operadores, adjunto un enlace excelente con esta documentación:

En el siguiente código, el resumen de la clase con código comentariado.

var edad = 30

edad +=1 // es una forma de incrementar  es lo mismo que edad= edad+1

var peso =80
peso -=3 // es una forma de disminuir el valor es lo mismo que peso =peso-3

peso += edad // es lo mismo que operar peso= peso + edad

// Al hacer funciones que trabajen con decimales hay que tener en cuenta que la manera de almacenar decimales por js no es tan preciso, por lo que hay que recurrir a modulos Math
var decimales = 50.3
var decimalesRedondeados = Math.round (decimales/2.3)
console.log(decimalesRedondeados); // El resultado es 22 entero

// para añadir decimales se puede usar .toFixed(n)
var decimalesRedondeadosCifras = decimalesRedondeados.toFixed(3)
console.log(decimalesRedondeadosCifras); // el resultado es 22.000

// Parsear significa cambiar un tipo de entrada por otro.  Se peuden parsear enteros y numeros flotantes.

var numeroLetras = &quot;3&quot;
var numeroparseado = parseInt(numeroLetras)
console.log(numeroparseado); // Pasamos el texto a un número

ANGEL DAVID SULBARAN CALDERON

student•

apuntes de esta clase

VARIABLES: NUMEROS. Esto es básicamente incrementar el valor de los números por medio de variables por ejemplo. Digamos que; Var edad = 22 Si escribimos en la consola “edad” nos dira que su valor es 22 pero si colocamos’ edad = edad + 1 la consola nos dira 23 porque le estamos sumando a “edad” que ya tiene un valor de 22, el valor de 1 siendo asi un total de 23. Esto también se puede hacer de la siguiente manera. Edad += 1 Ejemplo 2. Var peso = 75 Peso = peso - 2 O Peso -= 2

Ahora que eso esta claro, vayamos a lo importante, esto lo podemos de una manera un poco más amplia. Por ejemplo: Supongamos que: var manzanasEnInventario = 50

manzanasEnInventario -= 2

var reduccionDeCompras = 36

var compraDeManzanas = 63

manzanasEnInventario += compraDeManzanas

manzanasEnInventario -= reduccionDeCompras

cual seria el total de manzanas en inventario?

Aplica tu código y míralo en la consola para probar y después piensa y analiza porque.

Luego pasamos a las decimales en una variable, ejemplo: Supongamos que Var precioDelVino = 200.3

Var total = precioDelVino * 3

Cuando vamos a ver el total en la consola, nos indicara que el total es de 600.9000000000001 Pero si cambiamos esto a Var total = precioDelVino * 100 *3 /100 Nos dará 600.9 exactos, porque primero lo pasa a un numero entero y luego lo multiplica por tres para luego dividirlo, esto sirve porque solo es una decimal.

Pero en otro caso con mas decimales podemos utilizar el modulo de matemáticas universal de Javascript Ejemplo: var precioDelVino = 200.3

var total = Math.round(precioDelVino * 100 *3) /100

Nos dará un total de 601 para redondear la gigantesca decimal.

Ahora que pasa si le agregamos? var totalstr = total.toFixed(2)

con este string le estamos diciendo que tome en cuenta las primera 2 decimales y las proyecte siempre, por lo que al preguntar por el total en la consola con “totalstr” nos dará un valor de “600.90”.

y para dividir es simple, se hace de la siguiente manera. var pizza = 8

var personas = 2

var cantidadDePorcionesPorPersona = pizza / personas

de manera que el resultado dará un valor de cuatro “4”.

Rubén Raúl Hernández Mac-kinley

student•

Mis apuntes :D

//SUMA
var edad = 27
//edad = edad + 1
edad += 1

//RESTA
var peso = 75
//peso = peso - 2
peso -= 2

//SUMA DOS NUMEROS
var tacos = 1
peso += tacos

//RESTAR DOS NUMEROS
var irAlGym = 3
peso -= irAlGym

var precioDeTonayan = 200.3
var total = Math.round(precioDeTonayan * 100 * 3) / 100
//Muestra los dos digitos despues del punto
var totalStr = total.toFixed(2)

//PASAR a String a Float
var total2 = parseFloat(totalStr)

//Dividir
var pizzaDe3Quesos = 8
var personas = 2
var cantidadDePorcionesPorPersona = pizzaDe3Quesos / personas

Juan Cumbe

student•

Espero que sea de utilidad! 🤘🏼

Maria Elizabeth Minero Alvarenga

student•

¿Cuál es la diferencia entre .parseInt y Number()?

Bernardo Ayala Montezuma

student•

En la mayoría de las situaciones son intercambiables. Pero hay algunos casos específicos como los listados en la explicación que te compartió Carlos en los cuales su comportamiento varía.

Con Number() también puedes crear una cosa rara que se llama "objectNumber", que tiene unas propiedades especiales que podrían servirte en casos muy específicos:

const objectNumber = new Number(50)

console.log(objectNumber)
// Number {50}

Por este segundo punto no te preocupes porque a fines prácticos jamás crearás un número así. Solo quería agregar esa información como cultura general.

Kevin J. Zea Alvarado

student•

Yo lo entendí mucho mejor con este comentario.

Santiago Quintana

student•

Osea siempre es preferible usar la lib Math al operar con decimales?

José Rigoberto Salas Chacón

student•

Irving Juárez

student•

La función de toFixed(num) también es muy útil si solo quieres una cantidad máxima de decimales. O si no, el truco que mostro el profe también es buena opción