Fundamentos de JavaScript (parte IV) — variables

Hoy veremos los fundamentos de las variables en JS, tanto los distintos tipos que tenemos así como su manejo.

Para empezar, hay que saber que JS es un lenguaje de tipado ‘débil’. ¿Qué quiere decir esto? Que una misma variable puede ser, en un momento dado, un número, para ser más adelante una cadena o un objeto. Si habéis programado en Java o .Net, ambos son lenguajes de tipado fuerte (una cadena no puede ser nunca un número).

De hecho, veremos más adelante como una misma variable va modificando su tipado según le vayamos asignando valores.

Distintos tipos de variables

Cadenas

strings

Las cadenas nos permiten almacenar textos, ya sean palabras o frases. Así mismo, también nos permiten manipularlas, para añadir o quitar partes de las mismas.

let cadena = 'Esto es una cadena'
console.log(cadena)
$> Esto es una cadena

Podemos definir una cadena, bien con comillas simples (‘), bien con comillas dobles (“) y (a partir de ES6), con comillas invertidas (`).

No existe ninguna diferencia entre utilizar las comillas simples y las dobles. De hecho, podemos validar que son iguales mediante

let cadena = 'Esto es una cadena'
console.log(cadena)
let otraCadena = "Esto es una cadena"
console.log(otraCadena)
console.log("cadena es igual a otraCadena? " + (cadena === otraCadena))
$> Esto es una cadena
$> Esto es una cadena
$> cadena es igual a otraCadena? true

Podéis ver más info en este enlace (en inglés) y, la conclusión es válida: Elegid la que más os guste y sed consistentes.

Sin embargo, SÍ existe diferencia con las comillas invertidas (` en un teclado con configuración español, la comilla que está con el ^)

Estas cadenas son llamadas template strings o plantillas de literales y, nos permiten incluir variables de forma más sencilla que con el resto de cadenas

Supongamos que tenemos el nombre y apellido del usuario en unas variables

let nombre = 'Óliver'
let apellido = 'Hierro'

La forma habitual de imprimirlos sería:

console.log('Usuario: ' + nombre + ' ' + apellido) 

Con las plantillas de cadena, nos quedaría tal que:

console.log(`Usuario: ${nombre} ${apellido}`) 

Números

numbers

Podemos asignar números a una variable simplemente indicándolo sin comillas.

let numero = 6

Aquí tenemos que tener cuidado, ya que, erróneamente podemos asignarle algo así

let numero = "6"

JS no se quejará. Sin embargo, lo que habéis creado es una cadena de texto

let numero = 6
let cadena = "6"
numero = numero + 1
cadena = cadena + 1
console.log(`numero ${numero}`)
console.log(`cadena ${cadena}`)
$> numero 7
$> numero 61

Al ser una cadena, convierte 1 a cadena “1” y la añade a la cadena “6”.

También podemos declarar valores con decimales

let entero = 7
let decimal = 7.5

Y utilizarlos en operaciones matemáticas

let entero = 7
let decimal = 7.5
console.log(`resultado ${15 / entero}`)
console.log(`resultado ${15 / decimal}`)
$> resultado 2.142857142857143
$> resultado 2

Boolean

booleans values

Las variables booleanas nos permiten almacenar 2 tipos de valores:

• Verdad (true)
• Falso (false)

let result = true
console.log(`result ${result}`)
if (result) {
  console.log(`Es verdad`)
} else {
  console.log(`Es falso`)
}

Nos permite almacenar los valores (true o false) y, nos permite también evaluarlo mediante condiciones (lo veremos en los próximos capítulos).

Enlaces:

• Fundamentos de JavaScript (parte III)
• 5 tips en el manejo de variables
• Should I use ‘single’ or “double-quotes” for strings in JavaScript