Propiedades de MathLas propiedades guardan valores que probablemente necesitemos en algún momento si estamos haciendo cálculos matemáticos. Es probable que estas propiedades resulten un poco raras a las personas que desconocen las matemáticas avanzadas, pero los que las conozcan sabrán de su utilidad.

E 

Número 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 número para cálculo con círculos.

SQRT1_2 

Raiz cuadrada de un medio.

SQRT2 

Raiz cuadrada de 2.

Métodos de MathAsí mismo, tenemos una serie de métodos para realizar operaciones mateméticas típicas, aunque un poco complejas. Todos los que conozcan las matemáticas a un buen nivel conocerán el significado de estas operaciones.

abs() 

Devuelve el valor absoluto de un número. El valor después de quitarle el signo.

acos() 

Devuelve el arcocoseno de un número 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 número. Por ejemplo,

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

cos() 

Retorna el coseno de un número.

exp() 

Retorna el resultado de elevar el número E por un número.

floor() 

Lo contrario de ceil(), pues devuelve un número igual o inmediatamente inferior.

log() 

Devuelve el logaritmo neperiano de un número.

max() 

Retorna el mayor de 2 números.

min() 

Retorna el menor de 2 números.

pow() 

Recibe dos números como parámetros y devuelve el primer número elevado al

segundo número.

random() 

Devuelve un número aleatorio entre 0 y 1. Método creado a partir de Javascript

1.1.

round() 

Redondea al entero más próximo.

sin() 

Devuelve el seno de un número con un ángulo en radianes.

sqrt() 

Retorna la raiz cuadrada de un número.

tan() 

Calcula y devuelve la tangente de un número en radianes.

Esta clase es un contenedor que tiene diversas constantes (como Math.E y Math.PI) y los siguientes métodos matemáticos:

Método DescripciónExpresión de

ejemploResultado

del ejemplo

abs Valor absoluto Math.abs(-2) 2

sin, cos, tanFunciones trigonométricas, reciben el argumento en radianes

Math.cos(Math.PI) -1

asin, acos, atan

Funciones trigonométricas inversas Math.asin(1) 1.57

exp, log Exponenciación y logaritmo, base E Math.log(Math.E) 1

ceilDevuelve el entero más pequeño mayor o igual al argumento

Math.ceil(-2.7) -2

floorDevuelve el entero más grande menor o igual al argumento

Math.floor(-2.7) -3

roundDevuelve el entero más cercano o igual al argumento

Math.round(-2.7) -3

min, maxDevuelve el menor (o mayor) de sus dos argumentos

Math.min(2,4) 2

powExponenciación, siendo el primer argumento la base y el segundo el exponente

Math.pow(2,3) 8

sqrt Raíz cuadrada Math.sqrt(25) 5

random Genera un valor aleatorio comprendido entre 0 y 1. Math.random() Ej. 0.7345

Clase StringEn 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 métodos. Recordamos que las propiedades son las características, como por ejemplo longitud en caracteres del string y los métodos son funcionalidades, como pueden ser extraer un substring o poner el texto en mayúsculas.

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 capítulos de sintaxis.

También se puede crear un objeto string con el operador new, que veremos más 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 sólo tiene una propiedad: length, que guarda el número de caracteres del String.

Métodos de String

Los objetos de la clase String tienen una buena cantidad de métodos para realizar muchas cosas interesantes. Primero vamos a ver una lista de los métodos más interesantes y luego vamos a ver otra lista de métodos menos útiles.

charAt(indice) Devuelve el carácter que hay en la posición indicada como índice. Las posiciones de un string empiezan en 0.

indexOf(carácter,desde) Devuelve la posición de la primera vez que aparece el carácter indicado por parámetro en un string. Si no encuentra el carácter en el string devuelve -1. El segundo parámetro es opcional y sirve para indicar a partir de que posición se desea que empiece la búsqueda.

lastIndexOf(carácter,desde) Busca la posición de un carácter exáctamente igual a como lo hace la función indexOf pero desde el final en lugar del principio. El segundo parámetro indica el número 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, podríamos uilizarlo para reemplazar todas las apariciones del substring "xxx" por "yyy". El método no reemplaza en el string, sino que devuelve un resultante de hacer ese reemplazo. Acepta expresiones regulares como substring a buscar.

split(separador) Este método sólo 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 parámetro.

substring(inicio,fin) Devuelve el substring que empieza en el carácter de inicio y termina en el carácter de fin. Si intercambiamos los parámetros de inicio y fin también funciona. Simplemente nos da el substring que hay entre el carácter menor y el mayor.

toLowerCase() Pone todas los caracteres de un string en minúsculas.

toUpperCase() 

Pone todas los caracteres de un string en mayúsculas.

toString() Este método lo tienen todos los objetos y se usa para convertirlos en cadenas.

Hasta aquí hemos visto los métodos que nos ayudarán a tratar cadenas. Ahora vamos a ver otros métodos 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 utilizásemos etiquetas HTML. Veamos cómo.

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 parámetro.

big() Aumenta el tamaño de letra del string. Es como si colocásemos 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 utilizásemos 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(tamaño) Pone la fuente al tamaño indicado. Como si utilizásemos 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 utilizásemos la etiqueta <A> con el atributo href indicado como parámetro.

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 subíndice.

sup() Como si utilizásemos la etiqueta <SUP>, de superíndice.

Clase DateJavaScript 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();//creación de un objeto de la clase Datefecha = new Date(año, mes, dia);fecha = new Date(año, mes, dia, hora, minuto, segundo);

Si no utilizamos parámetros, 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 métodos:

Metodo Uso Descripción

 getYear()

Retorna el año, al que se le ha restado 1900. Por ejemplo, para el 1995 retorna 95, para el 2005 retorna 105. Este método está obsoleto en Netscape a partir de la versión 1.3 de Javascript y ahora se utiliza getFullYear().

setYear(año)

Cambia el año recibe un número, al que le suma 1900 antes de colocarlo como año de la fecha. Por ejemplo, si recibe 95 colocará el año 1995. Este método está obsoleto a partir de Javascript 1.3 en Netscape. Ahora se utiliza setFullYear(), indicando el año con todos los dígitos.

 getFullYear() Retorna el año con todos los dígitos. Usar este método para estar seguros de que funcionará todo bien en fechas posteriores al año 2000.

 getDate() Devuelve el día del mes.

 getDay() Devuelve el día de la semana.

 getMinutes() Devuelve los minutos.

 getHours() Retorna la hora.

 getMonth() Devuelve el mes (atención al mes que empieza por 0).

 getSeconds() Devuelve los segundos.

 getTime() Devuelve los milisegundos transcurridos entre el día 1 de enero de 1970 y la fecha correspondiente al objeto al que se le pasa el mensaje.

 setHours(horas) Actualiza la hora.

 setMinutes(minutos) Cambia los minutos.

 setMonth(mes) Cambia el mes (atención al mes que empieza por 0).

 setDate(dia) Actualiza el día del mes.

 setFullYear(año) Realizan la misma función que los anteriores, pero sin tanta complicación, ya que siempre devuelven números con todos sus dígitos.

Ejemplo: Mostrar en una página 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 funciónmostrarFechaHora();</SCRIPT></HEAD><BODY>

</BODY></HTML>

En este problema hemos creado un objeto de la clase Date. Luego llamamos una serie de métodos que nos retornan datos sobre la fecha y hora actual del equipo de computación donde se está ejecutando el navegador.Es bueno notar que para llamar a los métodos disponemos:

<nombre de objeto>.<nombre de método>(parámetros)

Clase MathEsta 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 métodos matemáticos:

MétodoDescripción

Expresión de ejemplo

Resultado del ejemplo

abs Valor absoluto Math.abs(-2) 2

sin, cos, tan Funciones trigonométricas, reciben el argumento en radianes

Math.cos(Math.PI) -1

asin, acos, atan

Funciones trigonométricas inversas Math.asin(1) 1.57

exp, log Exponenciación y logaritmo, base E Math.log(Math.E) 1

ceil Devuelve el entero más pequeño mayor o igual al argumento

Math.ceil(-2.7) -2

floor Devuelve el entero más grande menor o igual al argumento

Math.floor(-2.7) -3

round Devuelve el entero más cercano o igual al argumento Math.round(-2.7) -3min, max Devuelve el menor (o mayor) de sus dos argumentos Math.min(2,4) 2

pow Exponenciación, siendo el primer argumento la base y el segundo el exponente

Math.pow(2,3) 8

sqrt Raíz cuadrada Math.sqrt(25) 5random Genera un valor aleatorio comprendido entre 0 y 1. Math.random() Ej. 0.7345Ejemplo: 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 número 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 número 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 función parseInt, obtenemos sólo 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 líneas 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, indicándole que queremos almacenar 5 valores.Llamamos a la función cargar enviándole el vector. En la función, a través de un ciclo for recorremos las distintas componentes del vector y almacenamos valores enteros que ingresamos por teclado.Para conocer el tamaño del vector accedemos a la propiedad length de la clase Array.En la segunda función sumamos todas las componentes del vector, imprimimos en la página los valores y el total de gastos.

Ejemplo 2: Crear un vector con elementos de tipo string. Almacenar los meses de año. En otra función solicitar el ingreso de un número entre 1 y 12. Mostrar a qué mes corresponde y cuántos días tiene dicho mes.

<HTML><HEAD></HEAD><BODY>

<SCRIPT LANGUAGE="JavaScript">

function mostrarFecha(meses,dias){ var num; num=prompt('Ingrese número de mes:',''); num=parseInt(num); document.write('Corresponde al mes:'+meses[num-1]); document.write('<br>'); document.write('Tiene '+dias[num-1]+' días');}

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 días. 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 días del mes de enero.

Es importante notar que cuando imprimimos, disponemos como subíndice 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 MathLa clase Math es una de las clases nativas de Javascript. Proporciona los mecanismos para realizar operaciones matemáticas en Javascript. Algunas operaciones se resuelven rápidamente con los operadores aritméticos que ya conocemos, como la multiplicación o la suma, pero hay una serie de operaciones matemáticas 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 cálculo matemático complejo utilizaremos la clase Math, con una particularidad. Hasta ahora cada vez que queríamos hacer algo con una clase debíamos 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 métodos de la clase Math son lo que se llama propiedades y métodos de clase y para utilizarlos se opera a través de la clase en lugar de los objetos. Dicho de otra forma, para trabajar con la clase Math no deberemos utilizar la instrucción new y utilizaremos el nombre de la clase para acceder a sus propiedades y métodos.

Propiedades de Math

Las propiedades guardan valores que probablemente necesitemos en algún momento si estamos haciendo cálculos matemáticos. Es probable que estas propiedades resulten un poco raras a las personas que desconocen las matemáticas avanzadas, pero los que las conozcan sabrán de su utilidad.

E Número 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 número para cálculo con círculos.

SQRT1_2 Raiz cuadrada de un medio.

SQRT2 Raiz cuadrada de 2.

Métodos de Math

Así mismo, tenemos una serie de métodos para realizar operaciones mateméticas típicas, aunque un poco complejas. Todos los que conozcan las matemáticas a un buen nivel conocerán el significado de estas operaciones.

abs() Devuelve el valor absoluto de un número. El valor después de quitarle el signo.

acos() 

Devuelve el arcocoseno de un número 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 número.

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

cos() Retorna el coseno de un número.

exp() Retorna el resultado de elevar el número E por un número.

floor() Lo contrario de ceil(), pues devuelve un número igual o inmediatamente inferior.

log() Devuelve el logaritmo neperiano de un número.

max() Retorna el mayor de 2 números.

min() Retorna el menor de 2 números.

pow() Recibe dos números como parámetros y devuelve el primer número elevado al segundo número.

random() Devuelve un número aleatorio entre 0 y 1. Método creado a partir de Javascript 1.1.

round() Redondea al entero más próximo.

sin() Devuelve el seno de un número con un ángulo en radianes.

sqrt() Retorna la raiz cuadrada de un número.

tan() Calcula y devuelve la tangente de un número 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 número 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 número 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 función parseInt, obtenemos sólo 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 StringEn 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 métodos. Recordamos que las propiedades son las características, como por ejemplo longitud en caracteres del string y los métodos son funcionalidades, como pueden ser extraer un substring o poner el texto en mayúsculas.

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 capítulos de sintaxis.

También se puede crear un objeto string con el operador new, que veremos más 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 sólo tiene una propiedad: length, que guarda el número de caracteres del String.

Métodos de String

Los objetos de la clase String tienen una buena cantidad de métodos para realizar muchas cosas interesantes. Primero vamos a ver una lista de los métodos más interesantes y luego vamos a ver otra lista de métodos menos útiles.

charAt(indice) Devuelve el carácter que hay en la posición indicada como índice. Las posiciones de un string empiezan en 0.

indexOf(carácter,desde) Devuelve la posición de la primera vez que aparece el carácter indicado por parámetro en un string. Si no encuentra el carácter en el string devuelve -1. El segundo parámetro es opcional y sirve para indicar a partir de que posición se desea que empiece la búsqueda.

lastIndexOf(carácter,desde) Busca la posición de un carácter exáctamente igual a como lo hace la función indexOf pero desde el final en lugar del principio. El segundo parámetro indica el número 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, podríamos uilizarlo para reemplazar todas las apariciones del substring "xxx" por "yyy". El método no reemplaza en el string, sino que devuelve un resultante de hacer ese reemplazo. Acepta expresiones regulares como substring a buscar.

split(separador) Este método sólo 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 parámetro.

substring(inicio,fin) Devuelve el substring que empieza en el carácter de inicio y termina en el carácter de fin. Si intercambiamos los parámetros de inicio y fin también funciona. Simplemente nos da el substring que hay entre el carácter menor y el mayor.

toLowerCase() Pone todas los caracteres de un string en minúsculas.

toUpperCase() 

Pone todas los caracteres de un string en mayúsculas.

toString() Este método lo tienen todos los objetos y se usa para convertirlos en cadenas.

Hasta aquí hemos visto los métodos que nos ayudarán a tratar cadenas. Ahora vamos a ver otros métodos 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 utilizásemos etiquetas HTML. Veamos cómo.

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 parámetro.

big() Aumenta el tamaño de letra del string. Es como si colocásemos 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 utilizásemos 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(tamaño) Pone la fuente al tamaño indicado. Como si utilizásemos 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 utilizásemos la etiqueta <A> con el atributo href indicado como parámetro.

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 subíndice.

sup() Como si utilizásemos la etiqueta <SUP>, de superíndice.