Bienvenidos sean a este post, continuando lo iniciado con el post anterior donde hablamos de funciones pero hoy nos centraremos en algunas funciones utiles pero que son propias del lenguaje por lo que no podran utilizar como nombre para las nuestras, algunas de las cuales una ya hemos visto pero ahora ahondaremos en una explicacion mejor para cada una de ellas, comencemos con las primeras dos.
escape y unescape
El metodo escape nos devuelve el codigo ASCII del caracter informado, el resultado que nos devolvera sera del formato %xx donde xx equivaldra al valor del codigo ASCII, por ejemplo para el caracter % nos devolvera %25, el metodo unescape hace exactamente lo contrario porque le informamos el codigo ASCII con el formato %xx y nos devolvera el caracter relacionado, justamente al reves del caso anterior pero no se preocupen que lo veremos en el ejemplo, pasemos a la siguiente funcion.
parseInt y parseFloat
Estos dos metodos nos convierten una variable de tipo cadena (String) a numero (number) siempre y cuando la original sea de numeros, el metodo parseInt se encarga de convertir el numero en tipo entero y el metodo parseFloat en tipo flotante para permitirnos usar decimales, como pueden ver son muy utiles para cuando necesitamos transformar un valor ingresado en una pagina a tipo numero, en el ejemplo de este post veremos su funcionamiento, pasemos a la siguiente funcion.
isNaN
Esta funcion nos devolvera un resultado de tipo booleano, true o false, donde chequeara si la variable informada es de tipo numerico o no, en caso de no ser un numero nos devolvera true (verdadero) y de lo contrario false (falso).
eval
Nuestra ultima funcion nos devuelve el valor obtenido de evaluar la expresion informada como parametro.
Apliquemos un ejemplo con todas las funciones antes mencionadas:
funcion2.html
<html>
<script language="javascript">
<!--
document.title="Funciones propias de JS";
document.write("<table border=\"1\" cellpadding=\"0\" cellspacing=\"0\">");
document.write("<tr><td> Valor i </td>"
+ "<td> unescape </td>"
+ "<td> escape </td>"
+ "<td> isNaN </td>"
+ "<td> eval </td></tr>");
for(i = 21; i < 27; i++)
{
document.write("<tr><td align=\"center\">" + i + "</td><td align=\"center\">"
+ unescape("%" + i) + "</td><td align=\"center\">"
+ escape(unescape("%" + i)) + "</td><td align=\"center\">"
+ isNaN(i) + "</td><td align=\"center\">"
+ eval(i + 2 * i) + "</td></tr>");
}
document.write("</table>");
var a = "100.3";
var b = "100.4";
var c;
document.write("<h4>Veamos a parseInt() y parseFloat()</h4>");
c = a + b;
document.write("Sumemos a y b directamente y veremos esto: " + c);
c = parseInt(a) + parseInt(b);
document.write("<br>Apliquemos parseInt(): " + c);
c = parseFloat(a) + parseFloat(b);
document.write("<br>Apliquemos parseFloat(): " + c);
//-->
</script>
</html>En este ejemplo aplicamos pero comencemos con los primeros dos document.write() porque seran para crear el inicio de una tabla, en la primer linea es la de la inicio de la tabla, la segunda sera para crear los identificadores de cada una de las columnas que mostraremos, nuestro siguiente caso sera un bucle de tipo for donde contaremos del 21 al 26, los cuales utilizaremos para probar varias funciones, en la primer celda mostraremos el valor de i, luego mostraremos el caracter que nos devuelve unescape, en la siguiente celda veremos el numero devuelto por escape, en la siguiente celda chequearemos si i es un numero o no y la ultima celda usara eval en la expresion que le informamos, observen que suma al valor de i el valor de i multiplicado por 2, una vez terminado el bucle cerraremos la tabla.
Nuestro siguiente paso sera crear tres variables (a, b y c) donde le asignaremos para a y b valores de tipo cadena, c lo usaremos despues pero es conveniente declararlo, primero en c guadaremos la suma de a y b para luego mostrarla en pantalla, nuestro siguiente paso sera hacer la misma suma pero transformaremos en entero por medio de parseInt() a a y b, luego mostraremos el resultado en pantalla y por ultimo haremos de vuelta la suma pero esta vez por medio de parseFloat() y mostraremos el resultado, si lo ejecutamos obtendremos la siguiente salida
Como pueden ver obtuvimos todos los resultados de cada una de las funciones, y el punto mas importante vemos como si sumamos a y b directamente nos hara una concatenacion de cadenas, si lo transformamos en entero por medio de parseInt() nos hara la suma de los valores sin las comas, y la suma con parseFloat() utilizo todos los decimales.
En resumen, estos son algunos de las funciones disponibles en el lenguaje, algunas mas utiles que otras, creo que la mas fundamental es parseInt() y parseFloat() porque usualmente las usaremos para convertir algunos datos recibidos de nuestra pagina en numeros para poder realizar operaciones arimeticas, espero les haya sido util sigueme en tumblr, Twitter o Facebook para recibir una notificacion cada vez que subo un nuevo post en este blog, nos vemos en el proximo post.
Tengo un Patreon donde podes acceder de manera exclusiva a material para este blog antes de ser publicado, sigue los pasos del link para saber como.
Tambien podes donar
Es para mantenimiento del sitio, gracias!
$1.50
El blog de Tinchicus 