Читать книгу Aprender Javascript Avanzado con 100 ejercicios prácticos - MEDIAactive - Страница 19

IMPORTANTE

El operador + examina, ante todo, los operandos situados a izquierda y a derecha. Si uno de estos operandos es una cadena de texto o caracteres, entonces el otro también es convertido en cadena de texto y ambos, concatenados.

EL OPERADOR + SE COMPORTA DE maneras distintas según si los operandos con los que trabaja son números, textos u otro tipo de datos. Así, actuará sencillamente como un operador aritmético cuando se trata de números o bien servirá para concatenar elementos cuando trabaja con textos u otros datos.

1. Debido a sus comportamientos especiales en determinados momentos, hemos creído conveniente dedicar un ejercicio al operador + (más). Debemos tener en cuenta que JavaScript estudia y determina en cada momento con qué tipo de datos está tratando, y es por eso que puede decidir cómo debe comportarse, por ejemplo, el operador +.

2. El operador + realiza una suma cuando el programa interpreta que ambos operandos son números:

valor1 = 5

valor2 = 8

resultado = 10 + valor2;

3. En este caso, JavaScript interpreta que la variable resultado almacenará el valor resultante de la suma 10 + 8. En ocasiones, puede ocurrir que en lugar de interpretar los valores como numéricos, los interprete como cadenas de caracteres o como cadenas y números. Es en estos casos que el operador + actúa de concatenador, es decir, realiza combinaciones entre valores en lugar de sumarlos.

En este caso, ni el uso de las comillas permite interpretar a JavaScript que se trata de números, sino que los lee como cadenas de caracteres.

4. El ejemplo anterior, el de la concatenación de textos, puede ser solventado mediante dos procedimientos: eliminando las comillas incluidas en la descripción de las variables o bien utilizando el método Number(). El primer procedimiento quedaría como sigue:

var valor1 = 5;

var valor2 = 8;

document.write(valor1 + valor2);

Para poder distinguir en su editor de textos web si está trabajando con valores numéricos o textuales, sepa que los números se muestran de color azul y los caracteres, de color rojo.

5. Y el resultado sería el esperado, es decir, 13. El empleo del método Number() resulta también del todo eficaz. ¿Cómo funciona este método? Muy sencillo. Permitiendo que el programa convierta en número cualquier cadena de caracteres. El modo en que se utiliza este método es el siguiente:

var valor1 = ‘5’;

var valor2 = ‘8’;

document.write(Number(valor1) + Number(valor2));

6. Como ve, en este caso es necesario recuperar las comillas en la definición de las variables para que el método Number() realice correctamente la conversión entre datos. El signo + realiza así la suma de los dos valores. Dicho esto podemos acabar diciendo que el operador + realiza una suma de valores cuando, al tratarse de operandos distintos, puede convertirlos a ambos en valores numéricos. En cualquier otro caso, el operador + realizará una concatenación de valores.