Lección 1 de JavaScript: variables y operaciones con ellas

No voy a dar muchas vueltas describiendo todos los tipos de variables y operaciones: no es necesario; nuestro objetivo principal es asimilar la sintaxis básica de JavaScript para luego avanzar al estudio de jQuery, y así poder mejorar sus conocimientos y habilidades en JavaScript. Si realmente desea profundizar en JavaScript y no le atrae el uso del magnífico framework jQuery, entonces conviene buscar un manual de JavaScript más extenso. Pero si desea crear sitios en Drupal y luego aprender jQuery, vamos por buen camino. Así pues, comencemos.

En esta lección analizaremos las variables: para qué sirven y cómo manipularlas.

<

Variables – uno de los conceptos fundamentales en programación. Para comprender la programación es necesario tener una idea clara de qué es una variable, cómo y dónde se almacena, y qué sucede con ella durante la ejecución del programa. Variable es el nombre dado a una entidad cuyo valor puede cambiar a lo largo de la ejecución del código.

Variables son datos manejados por el programa y que poseen un nombre. Como sabe, los datos se almacenan y procesan en la memoria del ordenador: durante la ejecución del programa, en la memoria RAM, y al apagarse se guardan en la memoria permanente. Al desarrollar programas se emplean distintos tipos de datos, es decir, variables de diversos tipos. Pueden ser números, caracteres, textos, valores lógicos, funciones, fechas, etc., que a su vez se subdividen en categorías específicas. Por ejemplo, los datos numéricos pueden ser enteros o de punto flotante, entre otros. Según el tipo de dato, tras declarar las variables, el programa reserva un número determinado de celdas en memoria para almacenarlas; a esas celdas se les asignan nombres de variable, y en ellas se guardan sus valores. Estos valores pueden mantenerse hasta el fin de la ejecución del programa o hasta que se reasigne la variable. El nombre de la variable permanece invariable durante todo el programa, mientras que su valor puede cambiar. En JavaScript, cambian tanto el valor de la variable como su tipo de dato.

Las nuevas variables se declaran (crean) y deben declararse siempre con el operador var:

var x;

Esta instrucción declara la variable x; también podemos asignarle un valor al declararla:

var x = 10;

Observe que tras cada instrucción en JavaScript usamos el punto y coma (como en C++ y PHP). Además, hemos utilizado la operación de asignación para asignar el valor 10 a la variable x. También tenga en cuenta que los nombres de variables deben escribirse en caracteres latinos y sin espacios, por ejemplo:

var myname; – correcto

var my name; – incorrecto

Además, el nombre de la variable no puede comenzar con un dígito u otro símbolo, pero puede contener dígitos, por ejemplo:

var name1; – correcto

var name2; – correcto

var test4me; – correcto

var lesson2you; – correcto

var 3money; – incorrecto

Tipos de datos (variables) en JavaScript

Por ahora será suficiente conocer los tipos de datos numéricos y de texto; más adelante veremos los lógicos, arrays, objetos y otros tipos de datos. En el curso trataremos todos los tipos de datos según sean necesarios.

Variables numéricas

El valor de las variables numéricas es un número:

var y = 15;
alert(y);

Como con todos los números, se pueden sumar, multiplicar, dividir y restar:

// declaramos variables
var x = 10;
var y = 5;
var z1, z2, z3, z4; // las variables se pueden declarar separadas por comas
// realizamos operaciones con las variables
z1 = x + y;
z2 = x * y;
z3 = x - y;
z4 = x / y;
// mostramos resultados
alert(z1);
alert(z2);
alert(z3);
alert(z4);

Variables de texto

Las variables de texto contienen cadenas de caracteres; observe que la información de texto la encerramos entre comillas:

var str = '¡Hola a todos!';
alert(str);

Para ello puede usar tanto comillas dobles como simples. Las cadenas también se pueden concatenar con el signo +

var str1 = 'Hola';
var str2 = ', todos';
alert(str1 + str2 + '!');

En JavaScript también se pueden convertir valores de un tipo a otro, por ejemplo:

var str = '11'; // variable de tipo cadena
var num1 = 2;   // variable numérica
var num2;       // variable numérica
var num3;
num2 = parseInt(str);
num3 = num1 + num2;
alert(num3);    // debería mostrar 13

Aquí usamos la función parseInt() (de funciones hablaremos más adelante en un tema aparte) para convertir el formato de cadena en numérico.