Javascript: Tipos de datos y operadores

JavaScript es un lenguaje de tipo script compacto, parcialmente basado en objetos y guiado por eventos diseñado específicamente para el desarrollo de aplicaciones cliente-servidor dentro del ámbito de Internet. Los programas JavaScript van incrustados en los documentos HMTL, y se encargan de realizar acciones en el cliente, como pueden ser pedir datos, confirmaciones, mostrar mensajes, crear animaciones, comprobar campos…

Pero como cualquier lenguaje tenemos que tener una base de programación para usarlo y así tomar decisiones oportunas en cada caso.

Las Variables

JavaScript tiene la peculiaridad de ser un lenguaje débilmente tipado, esto es, se puede declarar una variable que ahora sea un entero y más adelante una cadena de texto.

Tenemos dos formas para crear(instanciar) una variable:

DECLARACIÓN IMPLICITA (Globales)
Consiste en escribir únicamente el nombre y asignarle un valor.

nombre = ”Antonio”;

Si la variable es global existirá y se podrá cambiar su valor a lo largo de todo el código de esa página, aunque sea dentro de un método.

DECLARACIÓN EXPLICITA (Locales)
Se usa la palabra reservada var seguida del nombre de la variable.

var nombre = ”Antonio”;

En este caso la variable la definiremos como local, y su existencia estará asociada a el codigo que la contiene. Si estamos dentro de un método solo existirá en dicho método, si lo tenemos en el flujo de código principal esa variable no existirá en el “interior“ de los métodos.

Podemos instanciar las variables con o sin un valor asociado:

var nombre;
var apelldo1;

O hacerlo en una sola línea separándolas con comas:

var nombre, apellodo1, apellido2, direccion;

La asignación siempre va de derecha a izquierda:

var nombre = “Antonio Otero“;

Para declarar las variables debemos tener en cuenta las siguientes condiciones:

• Una variable no puede tener espacios
• No podemos usar palabras reservadas por el sistema, for, if, while …..
• No pueden empezar por un número
• No debemos usar tildes ni signos, Ejemlo año -> annio;
• Usar nombre de variables que faciliten su identificación, Ejemplo x=12 -> ejeX=12.
• No usar nombres genéricos que puedan confundirnos más adelante:
Ejemplo: var nombreCliente , nombreContacto, nombreComercial …

Tipos de datos

Cuando declaramos una variable, esta no pertenece a ningún tipo en concreto, tiene un valor indefinido (Undefined).

Los tipos de datos que estudiaremos en Javascript son:
String: Cadenas de texto
Number: Valores numéricos (int o float)
Boolean: Boléanos(true o false)
Object: Objetos
Null: Objeto que todavía no existe
Undefined: Indefinido.

Enteros

Podemos representar números enteros de tres formas distintas: en base 10 (la usual), en base 16 (hexadecimal) o en base 8 (octal). Para denotar un número hexadecimal lo haremos escribiendo delante del número 0x. Por ejemplo, 0xF3A2 se refiere a F3A2 en hexadecimal. Para denotar un número en base octal lo haremos poecediendolo de un 0 (cero). Por ejemplo, 01763 se refiere a 1763 en octal.

var numero1 = 258;

Float

Con ellos podremos representar números en coma flotante, usando notación decimal o científica.

Se toma el número decimal y se normaliza, es decir, se corre el punto decimal tantos puestos a la izquierda o a la derecha como sean necesarios para que haya un único número distinto de cero antes del punto.

Para ello, será necesario acompañar este desplazamiento del punto con la respectiva multiplicación o división por potencias de 10. El formato es el siguiente: X.YYYYYYeNN
donde e (también puede ser E) significa exponente, y NN es el número al que elevar 10 para obtener el número.

Por ejemplo: el número 123.298 se escribe 1.23298E2, mientras que 0.00123 se escribe 1.23E-3

var numero = 36.58;

Boleanos

Tomarán los valores de verdad true o false (1 o 0). El resultado de evaluar una condición sería un valor booleano.

var estalisto = true;

Nulos

null es un valor especial que nos dice que un objeto no ha sido asignado.

Cadenas de textos

En JavaScript, las cadenas vienen delimitadas o bien por comillas dobles, o bien por comillas simples, y pueden tener cualquier combinación de letras, espacios, números y otros símbolos. Podemos, además, usar los caracteres de escape que tenemos en C para representar los saltos de línea.

\b Espacio hacia atrás
\f Salto de página
\n Nueva línea
\r Retorno de carro
\t Tabulación
\ Barra invertida : \
\’ Comilla simple : ’
\” Comilla doble : ”

Ejemplo:
var texto = “Esto es un texto cualquiera“;

Concatenar cadenas

Además de las operaciones matemáticas que podemos hacer con las variables numéricas, podemos también trabajar con las cadenas de texto, para ello usaremos el símbolo + que trabajando con tipos de datos string(cadenas de texto), lo que hace es concatenar dichos textos.

Ejemplo:
var nombre = “Antonio“;
var apellidos = “Otero Veiga“;
Var nombreCompleto = nombre + “ “ + apellidos;
//Como podemos ver concatenamos el nombre con un espacio en blanco y el apellido.

Operadores Aritméticos

Los operadores aritméticos son binarios (necesitan dos operandos), y realizan sobre sus operandos alguna de las operaciones aritméticas conocidas. En concreto, tenemos:

Ejemplo Suma:
var num1 = 5;
var num2 = 6;
var resultado = num1 + num2 // el valor de la variable resultado será 11

Ejemplo Resta:
var num1 = 10;
var num2 = 6;
var resultado = num1 – num2 // el valor de la variable resultado será 4

Ejemplo Producto:
var num1 = 10;
var num2 = 6;
var resultado = num1 * num2 // el valor de la variable resultado será 60

Ejemplo Cociente:
var num1 = 10;
var num2 = 2;
var resultado = num1 / num2 // el valor de la variable resultado será 5

Ejemplo Módulo:
var num1 = 9;
var num2 = 2;
var resultado = num1 % num2 // el valor de resultado será 1 que es el resto de la división.

El operador de asignación (=) puede también puede combinarse con un operador aritmético, es decir:

Ejemplo:
var num1 = 8;
var num2 = 3;
num1 += num2 // Ahora la variable num1 tiene el valor de 11, que es la suma de 8+3;

Operadores de Comparación

Los operadores de comparación son binarios y su resultado es un booleano (un valor de verdad). Nos permiten expresar si una relación de igualdad/desigualdad es cierta o falsa dados los operandos.

Ejemplos:

Operadores Lógicos

Los operadores lógicos sirven para componer condiciones más simples por medio de las reglas de la y, o y no lógicas. Nos permiten expresar condiciones compuestas de las que queremos averiguar su valor de verdad.

&& – AND (y lógica)
|| – OR (o lógica)
! – NOT (no lógico)

Estos operadores los usaremos más adelante en las estructuras de control de flujo.

Incrementos y decrementos

Los operadores de incremento aumentan o disminuyen en una unidad el número al que se le aplica. Estos operadores debemos aplicarlos siempre a una variable cuyo valor sea un número entero.

Para aumentar en una unidad se usa la expresión ++.

Ejemplo:
var num1 = 5;
num1++ //ahora num1 es igual a 6

Para disminuir en una unidad se usa la expresión –.

Ejemplo:
var num2 = 8;
num2– //ahora num2 es igual a 7

Práctica

Realizando cálculos con variables, desarrolla el código necesario para hacer las siguentes operaciones.

1. Si en el mercado tenemos que 12 manzanas nos cuestan 3 euros, ¿Cuánto nos mostrarían 17 manzanas?
2. Si tengo 37 euros ¿Cuántas manzanas me puedo comprar?.
3. Cual es el precio de una manzana.

Solución