Lección 1.8: Variables y tipos en JavaScript
Las cajas con nombre de la 1.3, ahora en JavaScript: cómo se crean, qué tipos hay y una trampa que conviene conocer pronto.
La idea
En JavaScript, una variable se crea con let o con const, y se le da valor con =:
let edad = 30;
const nombre = "Ana";
let: el valor puede cambiar.const: el valor no cambia nunca.
Usa const por defecto, y let solo si la vas a cambiar.
El = no es «igual»
= guarda, como la flecha ← del pseudocódigo:
let edad = 30;
edad = edad + 1;
console.log(edad);
31
let va solo la primera vez, al crearla. Después basta el nombre.
Tipos
| Pseudocódigo | JavaScript | Ejemplos |
|---|---|---|
| Número | number | 30, 9.99, -4 |
| Texto | string | "Ana" o 'Ana' |
| Lógico | boolean | true, false |
typeof dice de qué tipo es un valor:
console.log(typeof 30);
console.log(typeof "Ana");
console.log(typeof true);
number
string
boolean
Operadores
+, -, * y /, como en el pseudocódigo. Y uno nuevo: %, el resto de una división.
console.log(10 % 3);
console.log(8 % 2);
1
0
Si n % 2 da 0, n es par.
La trampa del +
Con números, suma. Con textos, junta. Y si mezclas, gana el texto:
console.log(2 + 3);
console.log("2" + "3");
console.log("2" + 3);
5
23
23
prompt() siempre devuelve texto, aunque escribas un número. Para operar con él, conviértelo con Number():
const texto = prompt("Un número:");
const n = Number(texto);
console.log(n + 1);
Pruébalo
Pide dos números con prompt() y escribe su suma.
Ver la solución
const a = Number(prompt("Primer número:"));
const b = Number(prompt("Segundo número:"));
console.log("La suma es " + (a + b));
- Sin
Number(), 2 y 3 darían «23». - Los paréntesis de
(a + b)hacen que primero se sume y después se junte con el texto.
En resumen
constpara lo que no cambia,letpara lo que sí.=guarda un valor.- Tres tipos:
number,stringyboolean. +con texto junta; para operar con lo que devuelveprompt(), usaNumber().