Propiedades de Math

Las propiedades guardan valores que probablemente necesitemos en algn momento si estamos haciendo clculos matemticos. Es probable que estas propiedades resulten un poco raras a las personas que desconocen las matemticas avanzadas, pero los que las conozcan sabrn de su utilidad. E Nmero E o constante de Euler, la base de los logaritmos neperianos. LN2 Logaritmo neperiano de 2. LN10 Logaritmo neperiano de 10. LOG2E Logaritmo en base 2 de E. LOG10E Logaritmo en base 10 de E. PI Conocido nmero para clculo con crculos. SQRT1_2 Raiz cuadrada de un medio. SQRT2 Raiz cuadrada de 2.

Mtodos de Math
As mismo, tenemos una serie de mtodos para realizar operaciones matemticas tpicas, aunque un poco complejas. Todos los que conozcan las matemticas a un buen nivel conocern el significado de estas operaciones. abs() Devuelve el valor absoluto de un nmero. El valor despus de quitarle el signo. acos() Devuelve el arcocoseno de un nmero en radianes. asin() Devuelve el arcoseno de un numero en radianes. atan() Devuelve un arcotangente de un numero.

ceil() Devuelve el entero igual o inmediatamente siguiente de un nmero. Por ejemplo, ceil(3) vale 3, ceil(3.4) es 4. cos() Retorna el coseno de un nmero. exp() Retorna el resultado de elevar el nmero E por un nmero. floor() Lo contrario de ceil(), pues devuelve un nmero igual o inmediatamente inferior. log() Devuelve el logaritmo neperiano de un nmero. max() Retorna el mayor de 2 nmeros. min() Retorna el menor de 2 nmeros. pow() Recibe dos nmeros como parmetros y devuelve el primer nmero elevado al segundo nmero. random() Devuelve un nmero aleatorio entre 0 y 1. Mtodo creado a partir de Javascript 1.1. round() Redondea al entero ms prximo. sin() Devuelve el seno de un nmero con un ngulo en radianes. sqrt() Retorna la raiz cuadrada de un nmero. tan() Calcula y devuelve la tangente de un nmero en radianes.

Esta clase es un contenedor que tiene diversas constantes (como Math.E y Math.PI) y los siguientes mtodos matemticos:

Mtodo abs sin, cos, tan asin, acos, atan exp, log ceil floor round min, max pow sqrt random Valor absoluto

Descripcin

Expresin de ejemplo Math.abs(-2) Math.cos(Math.PI) Math.asin(1) Math.log(Math.E)

Resultado del ejemplo 2 -1 1.57 1 -2 -3 -3 2 8 5 Ej. 0.7345

Funciones trigonomtricas, reciben el argumento en radianes Funciones trigonomtricas inversas Exponenciacin y logaritmo, base E

Devuelve el entero ms pequeo mayor o igual al Math.ceil(-2.7) argumento Devuelve el entero ms grande menor o igual al argumento Devuelve el entero ms cercano o igual al argumento Devuelve el menor (o mayor) de sus dos argumentos Exponenciacin, siendo el primer argumento la base y el segundo el exponente Raz cuadrada Genera un valor aleatorio comprendido entre 0 y 1. Math.floor(-2.7) Math.round(-2.7) Math.min(2,4) Math.pow(2,3) Math.sqrt(25) Math.random()

Clase String
En javascript las variables de tipo texto son objetos de la clase String. Esto quiere decir que cada una de las variables que creamos de tipo texto tienen una serie de propiedades y mtodos. Recordamos que las propiedades son las caractersticas, como por ejemplo longitud en caracteres del string y los mtodos son funcionalidades, como pueden ser extraer un substring o poner el texto en maysculas. Para crear un objeto de la clase String lo nico que hay que hacer es asignar un texto a una variable. El texto va entre comillas, como ya hemos visto en los captulos de sintaxis. Tambin se puede crear un objeto string con el operador new, que veremos ms adelante. La nica diferencia es que en versiones de Javascript 1.0 no funcionar new para crear los Strings.

Propiedades de String
Length La clase String slo tiene una propiedad: length, que guarda el nmero de caracteres del String.

Mtodos de String
Los objetos de la clase String tienen una buena cantidad de mtodos para realizar muchas cosas interesantes. Primero vamos a ver una lista de los mtodos ms interesantes y luego vamos a ver otra lista de mtodos menos tiles. charAt(indice) Devuelve el carcter que hay en la posicin indicada como ndice. Las posiciones de un string empiezan en 0. indexOf(carcter,desde) Devuelve la posicin de la primera vez que aparece el carcter indicado por parmetro en un string. Si no encuentra el carcter en el string devuelve -1. El segundo parmetro es opcional y sirve para indicar a partir de que posicin se desea que empiece la bsqueda. lastIndexOf(carcter,desde) Busca la posicin de un carcter exctamente igual a como lo hace la funcin indexOf pero desde el final en lugar del principio. El segundo parmetro indica el nmero de caracteres desde donde se busca, igual que en indexOf. replace(substring_a_buscar,nuevoStr) Implementado en Javascript 1.2, sirve para reemplazar porciones del texto de un string por otro texto, por ejemplo, podramos uilizarlo para reemplazar todas las apariciones del substring "xxx" por "yyy". El mtodo no reemplaza en el string, sino que devuelve un resultante de hacer ese reemplazo. Acepta expresiones regulares como substring a buscar. split(separador) Este mtodo slo es compatible con javascript 1.1 en adelante. Sirve para crear un vector a partir de un String en el que cada elemento es la parte del String que est separada por el separador indicado por parmetro. substring(inicio,fin) Devuelve el substring que empieza en el carcter de inicio y termina en el carcter de fin. Si intercambiamos los parmetros de inicio y fin tambin funciona. Simplemente nos da el substring que hay entre el carcter menor y el mayor.

toLowerCase() Pone todas los caracteres de un string en minsculas. toUpperCase() Pone todas los caracteres de un string en maysculas. toString() Este mtodo lo tienen todos los objetos y se usa para convertirlos en cadenas. Hasta aqu hemos visto los mtodos que nos ayudarn a tratar cadenas. Ahora vamos a ver otros mtodos que son menos tiles, pero hay que indicarlos para que quede constancia de ellos. Todos sirven para aplicar estilos a un texto y es como si utilizsemos etiquetas HTML. Veamos cmo. anchor(name) Convierte en un ancla (sitio a donde dirigir un enlace) una cadena de caracteres usando como el atributo name de la etiqueta <A> lo que recibe por parmetro. big() Aumenta el tamao de letra del string. Es como si colocsemos en un string al principio la etiqueta <BIG> y al final </BIG>. blink() Para que parpadee el texto del string, es como utilizar la etiqueta <BLINK>. Solo vale para Netscape. bold() Como si utilizsemos la etiqueta <B>. fixed() Para utilizar una fuente monoespaciada, etiqueta <TT>. fontColor(color) Pone la fuente a ese color. Como utilizar la etiqueta <FONT color=el_color_indicado>. fontSize(tamao) Pone la fuente al tamao indicado. Como si utilizsemos la etiqueta <FONT> con el atributo size. italics() Pone la fuente en cursiva. Etiqueta <I>. link(url) Pone el texto como un enlace a la URL indicada. Es como si utilizsemos la etiqueta <A> con el atributo href indicado como parmetro. small() Es como utilizar la etiqueta <SMALL> strike() Como utilizar la etiqueta <STRIKE>, que sirve para que el texto aparezca tachado. sub() Actualiza el texto como si se estuviera utilizando la etiqueta <SUB>, de subndice. sup() Como si utilizsemos la etiqueta <SUP>, de superndice.

Clase Date
JavaScript dispone de varias clases predefinidos para acceder a muchas de las funciones normales de cualquier lenguaje, como puede ser el manejo de vectores o el de fechas. Esta clase nos permitir manejar fechas y horas. Se invoca as:

fecha = new Date();//creacin de un objeto de la clase Date fecha = new Date(ao, mes, dia); fecha = new Date(ao, mes, dia, hora, minuto, segundo);
Si no utilizamos parmetros, el objeto fecha contendr la fecha y hora actuales, obtenidas del reloj de nuestra computadora. En caso contrario hay que tener en cuenta que los meses comienzan por cero. As, por ejemplo:

navidad06 = new Date(2006, 11, 25)

El objeto Date dispone, entre otros, de los siguientes mtodos:

Metodo
getYear()

Uso

Descripcin
Retorna el ao, al que se le ha restado 1900. Por ejemplo, para el 1995 retorna 95, para el 2005 retorna 105. Este mtodo est obsoleto en Netscape a partir de la versin 1.3 de Javascript y ahora se utiliza getFullYear(). Cambia el ao recibe un nmero, al que le suma 1900 antes de colocarlo como ao de la fecha. Por ejemplo, si recibe 95 colocar el ao 1995. Este mtodo est obsoleto a partir de Javascript 1.3 en Netscape. Ahora se utiliza setFullYear(), indicando el ao con todos los dgitos. Retorna el ao con todos los dgitos. Usar este mtodo para estar seguros de que funcionar todo bien en fechas posteriores al ao 2000. Devuelve el da del mes. Devuelve el da de la semana. Devuelve los minutos. Retorna la hora. Devuelve el mes (atencin al mes que empieza por 0). Devuelve los segundos. Devuelve los milisegundos transcurridos entre el da 1 de enero de 1970 y la fecha correspondiente al objeto al que se le pasa el mensaje.

setYear(ao)

getFullYear() getDate() getDay() getMinutes() getHours() getMonth() getSeconds() getTime() setHours(horas)

Actualiza la hora.

setMinutes(minutos) Cambia los minutos. setMonth(mes) setDate(dia) setFullYear(ao) Cambia el mes (atencin al mes que empieza por 0). Actualiza el da del mes. Realizan la misma funcin que los anteriores, pero sin tanta complicacin, ya que siempre devuelven nmeros con todos sus dgitos.

Ejemplo: Mostrar en una pgina la fecha y la hora actual.

<HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> function mostrarFechaHora() {

var fecha fecha=new Date(); document.write('Hoy es '); document.write(fecha.getDate()+'/'); document.write((fecha.getMonth()+1)+'/'); document.write(fecha.getYear()); document.write('<br>'); document.write('Es la hora '); document.write(fecha.getHours()+':'); document.write(fecha.getMinutes()+':'); document.write(fecha.getSeconds()); } //Llamada a la funcin mostrarFechaHora(); </SCRIPT> </HEAD> <BODY> </BODY> </HTML>
En este problema hemos creado un objeto de la clase Date. Luego llamamos una serie de mtodos que nos retornan datos sobre la fecha y hora actual del equipo de computacin donde se est ejecutando el navegador. Es bueno notar que para llamar a los mtodos disponemos:

<nombre de objeto>.<nombre de mtodo>(parmetros)

Clase Math
Esta clase no est construido para que tengamos nuestras variables Math, sino como un contenedor que tiene diversas constantes (como Math.E y Math.PI) y los siguientes mtodos matemticos: Expresin de ejemplo Math.abs(-2) Math.cos(Math.PI) Math.asin(1) Math.log(Math.E) Math.ceil(-2.7) Math.floor(-2.7) Math.round(-2.7) Math.min(2,4) Math.pow(2,3) Math.sqrt(25) Math.random() Resultado del ejemplo 2 -1 1.57 1 -2 -3 -3 2 8 5 Ej. 0.7345

Mtodo abs sin, cos, tan asin, acos, atan exp, log ceil floor round min, max pow sqrt random

Descripcin Valor absoluto Funciones trigonomtricas, reciben el argumento en radianes Funciones trigonomtricas inversas Exponenciacin y logaritmo, base E Devuelve el entero ms pequeo mayor o igual al argumento Devuelve el entero ms grande menor o igual al argumento Devuelve el entero ms cercano o igual al argumento Devuelve el menor (o mayor) de sus dos argumentos Exponenciacin, siendo el primer argumento la base y el segundo el exponente Raz cuadrada Genera un valor aleatorio comprendido entre 0 y 1.

Ejemplo: Confeccionar un programa que permita cargar un valor comprendido entre 1 y 10. Luego generar un valor aleatorio entre 1 y 10, mostrar un mensaje con el nmero sorteado e indicar si gan o perdi:

<html> <head> </head>

<body> <script language="JavaScript"> var selec=prompt('Ingrese un valor entre 1 y 10',''); selec=parseInt(selec); var num=parseInt(Math.random()*10)+1; if (num==selec) document.write('Gan el nmero que se sorte es el '+ num); else document.write('Lo siento se sorte el valor '+num+' y usted eligi el '+selec); </script>

</body> </html>
Para generar un valor aleatorio comprendido entre 1 y 10 debemos plantear lo siguiente:

var num=parseInt(Math.random()*10)+1;
Al multiplicar Math.random() por 10, nos genera un valor aleatorio comprendido entre un valor mayor a 0 y menor a 10, luego, con la funcin parseInt, obtenemos slo la parte entera. Finalmente sumamos uno. El valor que carg el operador se encuentra en:

var selec=prompt('Ingrese un valor entre 1 y 10','');

Con un simple if validamos si coinciden los valores (el generado y el ingresado por teclado).

<HTML> <HEAD> </HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript"> function cargar(sueldos) { var f; for(f=0;f<sueldos.length;f++) { var v; v=prompt('Ingrese sueldo:',''); sueldos[f]=parseInt(v); } } function calcularGastos(sueldos) { var total=0; var f; for(f=0;f<sueldos.length;f++) { total=total+sueldos[f]; } document.write('Listado de sueldos<br>'); for(f=0;f<sueldos.length;f++) { document.write(sueldos[f]+'<br>'); } document.write('Total de gastos en sueldos:'+total); } var sueldos; sueldos=new Array(5); cargar(sueldos); calcularGastos(sueldos); </SCRIPT> </BODY> </HTML>

Recordemos que el programa comienza a ejecutarse a partir de las lneas que se encuentran fuera de la funciones:

var sueldos; sueldos=new Array(5); cargar(sueldos); calcularGastos(sueldos);

Lo primero, definimos una variable y posteriormente creamos un objeto de la clase Array, indicndole que queremos almacenar 5 valores. Llamamos a la funcin cargar envindole el vector. En la funcin, a travs de un ciclo for recorremos las distintas componentes del vector y almacenamos valores enteros que ingresamos por teclado. Para conocer el tamao del vector accedemos a la propiedad length de la clase Array. En la segunda funcin sumamos todas las componentes del vector, imprimimos en la pgina los valores y el total de gastos. Ejemplo 2: Crear un vector con elementos de tipo string. Almacenar los meses de ao. En otra funcin solicitar el ingreso de un nmero entre 1 y 12. Mostrar a qu mes corresponde y cuntos das tiene dicho mes.

<HTML> <HEAD></HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript"> function mostrarFecha(meses,dias) { var num; num=prompt('Ingrese nmero de mes:',''); num=parseInt(num); document.write('Corresponde al mes:'+meses[num-1]); document.write('<br>'); document.write('Tiene '+dias[num-1]+' das'); } var meses; meses=new Array(12); meses[0]='Enero'; meses[1]='Febrero'; meses[2]='Marzo'; meses[3]='Abril'; meses[4]='Mayo'; meses[5]='Junio'; meses[6]='Julio'; meses[7]='Agosto'; meses[8]='Septiembre'; meses[9]='Octubre'; meses[10]='Noviembre'; meses[11]='Diciembre'; var dias; dias=new Array(12); dias[0]=31; dias[1]=28; dias[2]=31; dias[3]=30; dias[4]=31; dias[5]=30;

dias[6]=31; dias[7]=31; dias[8]=30; dias[9]=31; dias[10]=30; dias[11]=31; mostrarFecha(meses,dias); </SCRIPT> </BODY> </HTML>
En este problema definimos dos vectores, uno para almacenar los meses y otro los das. Decimos que se trata de vectores paralelos porque en la componente cero del vector meses almacenamos el string 'Enero' y en el vector dias, la cantidad de das del mes de enero. Es importante notar que cuando imprimimos, disponemos como subndice el valor ingresado menos 1, esto debido a que normalmente el operador de nuestro programa carga un valor comprendido entre 1 y 12. Recordar que los vectores comienzan a numerarse a partir de la componente cero.

document.write('Corresponde al mes:'+meses[num-1]);

Clase Math
La clase Math es una de las clases nativas de Javascript. Proporciona los mecanismos para realizar operaciones matemticas en Javascript. Algunas operaciones se resuelven rpidamente con los operadores aritmticos que ya conocemos, como la multiplicacin o la suma, pero hay una serie de operaciones matemticas adicionales que se tienen que realizar usando la clase Math como pueden ser calcular un seno o hacer una raiz cuadrada. De modo que para cualquier clculo matemtico complejo utilizaremos la clase Math, con una particularidad. Hasta ahora cada vez que queramos hacer algo con una clase debamos instanciar un objeto de esa clase y trabajar con el objeto y en el caso de la clase Math se trabaja directamente con la clase. Esto se permite por que las propiedades y mtodos de la clase Math son lo que se llama propiedades y mtodos de clase y para utilizarlos se opera a travs de la clase en lugar de los objetos. Dicho de otra forma, para trabajar con la clase Math no deberemos utilizar la instruccin new y utilizaremos el nombre de la clase para acceder a sus propiedades y mtodos.

Propiedades de Math
Las propiedades guardan valores que probablemente necesitemos en algn momento si estamos haciendo clculos matemticos. Es probable que estas propiedades resulten un poco raras a las personas que desconocen las matemticas avanzadas, pero los que las conozcan sabrn de su utilidad. E Nmero E o constante de Euler, la base de los logaritmos neperianos. LN2 Logaritmo neperiano de 2. LN10 Logaritmo neperiano de 10. LOG2E Logaritmo en base 2 de E. LOG10E Logaritmo en base 10 de E. PI Conocido nmero para clculo con crculos. SQRT1_2 Raiz cuadrada de un medio. SQRT2 Raiz cuadrada de 2.

Mtodos de Math
As mismo, tenemos una serie de mtodos para realizar operaciones matemticas tpicas, aunque un poco complejas. Todos los que conozcan las matemticas a un buen nivel conocern el significado de estas operaciones.

abs() Devuelve el valor absoluto de un nmero. El valor despus de quitarle el signo. acos() Devuelve el arcocoseno de un nmero en radianes. asin() Devuelve el arcoseno de un numero en radianes. atan() Devuelve un arcotangente de un numero. ceil() Devuelve el entero igual o inmediatamente siguiente de un nmero.

Por ejemplo, ceil(3) vale 3, ceil(3.4) es 4.

cos() Retorna el coseno de un nmero. exp() Retorna el resultado de elevar el nmero E por un nmero. floor() Lo contrario de ceil(), pues devuelve un nmero igual o inmediatamente inferior. log() Devuelve el logaritmo neperiano de un nmero. max() Retorna el mayor de 2 nmeros. min() Retorna el menor de 2 nmeros. pow() Recibe dos nmeros como parmetros y devuelve el primer nmero elevado al segundo nmero. random() Devuelve un nmero aleatorio entre 0 y 1. Mtodo creado a partir de Javascript 1.1. round() Redondea al entero ms prximo. sin() Devuelve el seno de un nmero con un ngulo en radianes. sqrt() Retorna la raiz cuadrada de un nmero. tan() Calcula y devuelve la tangente de un nmero en radianes. Ejemplo: Confeccionar un programa que permita cargar un valor comprendido entre 1 y 10. Luego generar un valor aleatorio entre 1 y 10, mostrar un mensaje con el nmero sorteado e indicar si gan o perdi:

<html> <head> </head>

<body> <script language="JavaScript"> var selec=prompt('Ingrese un valor entre 1 y 10',''); selec=parseInt(selec); var num=parseInt(Math.random()*10)+1; if (num==selec) document.write('Gan el nmero que se sorte es el '+ num); else document.write('Lo siento se sorte el valor '+num+' y usted eligi el '+selec); </script> </body> </html>
Para generar un valor aleatorio comprendido entre 1 y 10 debemos plantear lo siguiente:

var num=parseInt(Math.random()*10)+1;

Al multiplicar Math.random() por 10, nos genera un valor aleatorio comprendido entre un valor mayor a 0 y menor a 10, luego, con la funcin parseInt, obtenemos slo la parte entera. Finalmente sumamos uno. El valor que carg el operador se encuentra en:

var selec=prompt('Ingrese un valor entre 1 y 10','');

Con un simple if validamos si coinciden los valores (el generado y el ingresado por teclado).

Clase String
En javascript las variables de tipo texto son objetos de la clase String. Esto quiere decir que cada una de las variables que creamos de tipo texto tienen una serie de propiedades y mtodos. Recordamos que las propiedades son las caractersticas, como por ejemplo longitud en caracteres del string y los mtodos son funcionalidades, como pueden ser extraer un substring o poner el texto en maysculas. Para crear un objeto de la clase String lo nico que hay que hacer es asignar un texto a una variable. El texto va entre comillas, como ya hemos visto en los captulos de sintaxis. Tambin se puede crear un objeto string con el operador new, que veremos ms adelante. La nica diferencia es que en versiones de Javascript 1.0 no funcionar new para crear los Strings.

Propiedades de String
Length La clase String slo tiene una propiedad: length, que guarda el nmero de caracteres del String.

Mtodos de String
Los objetos de la clase String tienen una buena cantidad de mtodos para realizar muchas cosas interesantes. Primero vamos a ver una lista de los mtodos ms interesantes y luego vamos a ver otra lista de mtodos menos tiles. charAt(indice) Devuelve el carcter que hay en la posicin indicada como ndice. Las posiciones de un string empiezan en 0. indexOf(carcter,desde) Devuelve la posicin de la primera vez que aparece el carcter indicado por parmetro en un string. Si no encuentra el carcter en el string devuelve -1. El segundo parmetro es opcional y sirve para indicar a partir de que posicin se desea que empiece la bsqueda. lastIndexOf(carcter,desde) Busca la posicin de un carcter exctamente igual a como lo hace la funcin indexOf pero desde el final en lugar del principio. El segundo parmetro indica el nmero de caracteres desde donde se busca, igual que en indexOf. replace(substring_a_buscar,nuevoStr) Implementado en Javascript 1.2, sirve para reemplazar porciones del texto de un string por otro texto, por ejemplo, podramos uilizarlo para reemplazar todas las apariciones del substring "xxx" por "yyy". El mtodo no reemplaza en el string, sino que devuelve un resultante de hacer ese reemplazo. Acepta expresiones regulares como substring a buscar. split(separador) Este mtodo slo es compatible con javascript 1.1 en adelante. Sirve para crear un vector a partir de un String en el que cada elemento es la parte del String que est separada por el separador indicado por parmetro. substring(inicio,fin) Devuelve el substring que empieza en el carcter de inicio y termina en el carcter de fin. Si intercambiamos los parmetros de inicio y fin tambin funciona. Simplemente nos da el substring que hay entre el carcter menor y el mayor.

toLowerCase() Pone todas los caracteres de un string en minsculas. toUpperCase() Pone todas los caracteres de un string en maysculas. toString() Este mtodo lo tienen todos los objetos y se usa para convertirlos en cadenas. Hasta aqu hemos visto los mtodos que nos ayudarn a tratar cadenas. Ahora vamos a ver otros mtodos que son menos tiles, pero hay que indicarlos para que quede constancia de ellos. Todos sirven para aplicar estilos a un texto y es como si utilizsemos etiquetas HTML. Veamos cmo. anchor(name) Convierte en un ancla (sitio a donde dirigir un enlace) una cadena de caracteres usando como el atributo name de la etiqueta <A> lo que recibe por parmetro. big() Aumenta el tamao de letra del string. Es como si colocsemos en un string al principio la etiqueta <BIG> y al final </BIG>. blink() Para que parpadee el texto del string, es como utilizar la etiqueta <BLINK>. Solo vale para Netscape. bold() Como si utilizsemos la etiqueta <B>. fixed() Para utilizar una fuente monoespaciada, etiqueta <TT>. fontColor(color) Pone la fuente a ese color. Como utilizar la etiqueta <FONT color=el_color_indicado>. fontSize(tamao) Pone la fuente al tamao indicado. Como si utilizsemos la etiqueta <FONT> con el atributo size. italics() Pone la fuente en cursiva. Etiqueta <I>. link(url) Pone el texto como un enlace a la URL indicada. Es como si utilizsemos la etiqueta <A> con el atributo href indicado como parmetro. small() Es como utilizar la etiqueta <SMALL> strike() Como utilizar la etiqueta <STRIKE>, que sirve para que el texto aparezca tachado. sub() Actualiza el texto como si se estuviera utilizando la etiqueta <SUB>, de subndice. sup() Como si utilizsemos la etiqueta <SUP>, de superndice.