Читать книгу: «Aprender Javascript Avanzado con 100 ejercicios prácticos», страница 3

015 Operadores numéricos y especiales

LOS OPERADORES NUMÉRICOS O ARITMÉTICOS, IGUAL que ocurre con los booleanos, trabajan con operandos del tipo Number y, por tanto, producen resultados sólo de este tipo. Los opera-dores numéricos son los aritméticos en todas sus combinaciones (+ - * / % ++ --). Por su parte, existen tres tipos de operadores conocidos como especiales: el operador condicional (?:) y el operador coma (,).

1. En un ejercicio anterior tuvimos un primer contacto con los operadores aritméticos básicos (+ - * /). En este ejercicio trataremos otro tipo de operador aritmético o numérico: se trata de la combinación ++ y -- , que puede situarse delante o detrás de un valor numérico incluido en una variable.

En estas dos funciones puede ver que se utilizan en determinados puntos de las distintas sentencias diversos operadores aritméticos, entre los cuales se encuentra el operador ++ detrás del nombre de la variable puntos.

2. La posición de cada uno de estos operandos puede ayudarle a recordar si el resultado devuelto se situará antes o después de la suma (++) o la resta (--). En el caso en que el operando esté situado detrás del operador ++ , el resultado va antes del incremento. Y viceversa.

Estos ejemplos son básicos para ayudar a comprender con sencillez el uso de estos operadores.

3. Veamos esta descripción en ejemplos. Los operadores ++ y --situados delante del nombre de la variable devuelven el valor actual de dicha variable más o menos 1. Estas líneas son una muestra de este uso:

caso1 = 15;

++caso1

16

4. Y también:

caso1 = 15;

--caso1

14

5. Como hemos indicado, la posición de estos operadores puede cambiar respecto a la variable que acompañan. En este caso, el incremento o el decremento se realiza antes y después se devuelve el resultado. Veamos un ejemplo básico de ello:

caso1 = 15;

caso1++

15

caso1 = 16

6. Pasemos ahora a tratar brevemente otro tipo de operadores, que se consideran especiales debido a su uso concreto en determinados scripts. El operador condicional ?: sirve para realizar expresiones condicionales, sin tener en cuenta el grado de complejidad de las mismas. Si la condición escrita es verdadera, dará como resultados el valor if_true ; de otro modo, si la condición no es cierta, el resultado será if_false.

El operador condicional ?: se puede utilizar como forma abreviada de una sentencia condicional del tipo if ... else.

7. El operador, (coma) es para las expresiones lo que el punto y coma es para las sentencia. Su procedimiento consiste en evaluar los dos operandos a los que acompaña y devuelve como resultado el valor right.

Debido a que puede llevar a confusión en el caso de scripts muy largos, es recomendable no utilizar el operador , y optar por la separación habitual de sentencias, es decir, con un ;

IMPORTANTE

Más adelante en este libro volveremos a dedicarnos a estos tipos de operadores para profundizar mejor en su uso y funcionamiento en JavaScript.

016 Comprobar datos en JavaScript

IMPORTANTE

En muchas ocasiones, resulta recomendable utilizar otras funciones para cambiar los tipos de datos de una variable antes de utilizar el operador typeof. Una de estas funciones es parseInt().

COMO HEMOS PODIDO COMPROBAR HASTA EL momento, el uso de operadores concretos y de operaciones realizadas depende del tipo de datos con el que se asocien dichos operadores. La comprobación de datos se puede llevar a cabo con un operador especial: el operador typeof , el cual nos envía un texto que contiene el tipo de datos objeto de nuestra comprobación.

1. Debido a su utilidad, hemos creído conveniente dedicar un ejercicio completo al operador typeof , aunque en una lección anterior (008) ya tuvimos la ocasión de nombrarlo y describirlo brevemente.

Tal y como se trató en un ejercicio anterior, el uso de typeof para categorizar si un dato es un undefined o null es una de las soluciones para llevar a cabo esta comprobación.

2. Typeof es un operador que devuelve una cadena o string que describe el tipo de dato que corresponde con el objeto, ya sea una variable, una función..., que se escribe a continuación. Más concretamente, el operador typeof distingue los valores primitivos de los objetos y, en el caso de las primitivos, determina el tipo al que pertenecen: “number”, “string”, “boolean”, “object”, “function” y “undefined”.

3. En el caso de los datos booleanos, como recordará, los valores que se manejan son true y false.

4. ¿Cómo se utiliza en un script el operador typeof ? A continuación le mostramos un ejemplo para cada uno de los tipos de datos más básicos:

var booleano = false;

alert(“Tipo de dato: “ + typeof booleano)

var numero = 107;

alert(“Tipo de dato: “ + typeof numero)

var caracteres = “Barcelona”;

alert(“Tipo de dato: “ + typeof caracteres)

var hoy = newDate();

alert(“Tipo de dato: “ + typeof hoy)

5. Los resultados que devolverá el operador typeof para cada uno de estos tipos será Boolean, Number, String y Object (Object corresponde a una función, elemento distinto a los datos primitivos).

6. Los paréntesis en el uso del operador typeof son totalmente opcionales; aplíquelos cuando crea que pueden ayudar a la comprensión y la lectura del script.

7. A modo informativo diremos que los números, tanto enteros como decimales, siempre son del tipo Number.

8. Además de distinguir entre datos primitivos y objetos, typeof también permite comprobar métodos (parseInt()), valores de propiedades (window.length o document.lastModified) y objetos predefinidos (Math u Object).

017 El operador ‘instanceof’

ASÍ COMO EL OPERADOR TYPEOF SE utiliza en JavaScript para distinguir entre los diferentes datos primitivos y los objetos, existe otro operador que permite comprobar si un objeto es una instancia o un constructor (de los constructores hablaremos con todo detalle más adelante en este libro): se trata del operador instanceof.

1. En este ejercicio describiremos el operador instanceof , el cual, como ya hemos adelantado en la introducción de este ejercicio, se utiliza para saber si un objeto es una instancia o un constructor. Por si todavía no sabe qué es un constructor diremos que son funciones con nombre que ayudan en la producción de objetos que son parecidos en algún aspecto. Los constructores serán tratados con todo detalle en un ejercicio posterior de este libro.

Ejemplo de constructor en JavaScript.

2. El uso del operador instanceof se recomienda en aquellos casos en que se desea comprobar el tipo de objeto con que se está trabajando en tiempo de ejecución.

3. El modo en que se utiliza este operador en la sintaxis de JavaS-cript necesita el nombre del objeto cuyo tipo de desea comparar y el tipo de objeto en cuestión. Lo que debe tener en cuenta es que como operando derecho, es decir, como tipo de objeto, debe declarar un objeto, no su descripción. Con ello queremos decir que, por ejemplo, en un objeto tipo String, deberá indicar la palabra ‘String’ en lugar de la cadena de texto correspondiente.

4. A continuación, mostramos unos ejemplos de script en los cuales se utiliza el operador instanceof . Con el primero de ellos podremos comprobar si un dato es un objeto del tipo Date:

hoy = new Date(2015, 02, 29)

if (hoy instanceof Date) {

document.write(‘¡Hoy es tu día!’);

}

5. hoy es el nombre del objeto que se desea comprobar y Date , el tipo de objeto. Si el resultado es true , es decir, si hoy es un objeto Date , se ejecutará la función indicada a continuación (document.write).

6. Veamos un segundo ejemplo del uso del operador instanceof. En esta ocasión, lo utilizaremos para comprobar si dos objetos del tipo String y Number son del tipo Object:

texto = new String()

cifra = new Number()

texto instanceof String == true

texto instanceof Object == true

texto instanceof Date == false

cifra instanceof Date == true

cifra instanceof Object == true

cifra instanceof String == false

7. Como puede ver, los valores que devuelve el operador instanceof en este caso son valores booleanos del tipo true y false. Otro caso en el cual se podría utilizar el operador que estamos tratando es la comprobación de que un tipo de objeto creado por nosotros es de un tipo concreto y del tipo Object.

El valor situado a la derecha del operador == es el que devolverá el operadorinstanceof al evaluar los tipos de datos indicados en cada caso.

018 Operadores de objeto

AUNQUE SERÁN TRATADOS POR SEPARADO Y con todo detalle más adelante en este libro, en este ejercicio introduciremos los denominados operadores de objeto. Como su nombre indica, se trata de una serie de operadores que trabajan únicamente con objetos, nunca con otro tipo de datos.

1. Son tres los operadores que trabajan sobre objetos:

new : este operador crea una instancia de un objeto.

delete : este operador elimina propiedades de un objeto.

in : este operador comprueba que un objeto disponga de una propiedad ya definida.

2. Veamos uno a uno en qué consisten estos operadores de objeto y cómo se utilizan. El operador new se utiliza para crear una instancia de un objeto, tanto si éste ha sido generado de forma personalizada o bien si es de uno de los tipos predefinidos: Array, Boolean, Date, Function, Number, etc.

3. El operador new va siempre seguido del nombre de una función, la cual se utiliza para inicializar el nuevo objeto creado. Los parámetros que se necesitan son, por un lado el constructor, es decir, una función que especifica el tipo de instancia del objeto y por otro, los argumentos, es decir, una lista de valores con los que el constructor será llamado:

function Prenda(tipo, tejido, color) {

this.tipo = tipo;

this.tejido = tejido;

this.color= color;

}

var prenda1 = new Prenda(“Falda”, “Lana”, “Azul”);

4. El segundo de los operadores de objeto que deseamos describir en este ejercicio es delete , con el cual es posible eliminar propiedades de un objeto, así como suprimir uno o varios elementos de una matriz (array). A continuación puede consultar un ejemplo que ilustra esta segunda opción, la de eliminar elementos de una lista:

var lugares = [‘Italia’, ‘Francia’, ‘Dinamarca’, ‘Reino Unido’, ‘Alemania’, ‘Rusia’, ‘Grecia’, ‘China’ ]; delete lugares[3];

5. Si tenemos en cuenta que el primer elemento de una matriz tiene asignado el valor 0, en este caso se suprimirá de la lista el elemento Reino Unido.

6. Por último, el operador de objeto in devuelve un valor verdadero (true) siempre y cuando la propiedad especifica en la sentencia se encuentre en el objeto indicado. Los parámetros que intervienen en el uso de este operador son prop , que es una cadena o expresión numérica que representa una propiedad o el índice de una matriz, y objectName , que contiene el nombre de un objeto. En la imagen 5 puede ver un ejemplo de código en que se emplea el operador de objeto in.

019 Conocer los tipos de datos booleanos

BÁSICAMENTE, LOS TIPOS DE DATOS BOOLEANOS son true y false. En este ejercicio vamos a tratar con todo detalle este tipo de datos, que, por otro lado, ya hemos mencionado en más de una ocasión en ejercicios anteriores.

1. En JavaScript, las variables booleanas son aquellas que pueden almacenar información dual, es decir, del tipo Sí/No, Verdadero/Falso, Cumple/No cumple, etc. A este tipo de variable siempre se le asigna como contenido true o false.

2. Debido a que true y false están consideradas como palabras clave en JavaScript, no está permitido utilizarlas como nombre para nuestras variables. Si en alguna ocasión, por despiste, nombra una variable false , por ejemplo, el navegador inter-pretará que hay un error en el código y simplemente no ejecutará la función definida.

Tenga en cuenta que si nombra a una variable como true o false , el intérprete de JavaScript no lanzará ningún mensaje de error; únicamente no se ejecutará la instrucción detallada.

3. Nunca sitúe entre comillas los valores true y false; si lo hace, el tipo de dato se convertirá en texto (“String”) y dejará de ser booleano:

var caso1 = true; typeof caso1 == “boolean”

var caso1 = false; typeof b == “boolean”

4. Las instrucciones if/else son las más adecuadas para comprobar si se cumplen ciertas condiciones y, para mostrar los resultados de estas comprobaciones se suelen utilizar datos de tipo booleanos:

var hora = new Date();

var horas = hora.getHours();

if (horas<12) {

formatoHora = ‘am’;

}

else { formatoHora = ‘pm’;

}

5. En este código se utilizará true o false para decidir si el formato de la hora debe mostrarse con ‘am’ o con ‘pm’. De ello dependerá si la hora es anterior a las 12 (true , entonces ‘am’) o después (false , entonces ‘pm’).

6. ¿Cuándo una variable devuelve true y cuándo lo hace false ? A grandes rasgos, podemos decir que devuelve true cuando recibe un valor entre comillas o bien cualquier número que no sea 0. Y devuelve false cuando se omite un valor al constructor o bien si este valor es una cadena vacía, el valor 0 o, como hemos indicado anteriormente, la palabra false sin comillas.