JavaScript Bsico DHTML: JavaScript (III)

Arreglos en JavaScript Creacin de Arreglos

var miArray = new Array() var miArray = new Array(10)

Asignacin de valores.
miArray[0] = 1 miArray[1] = 0.5 miArray[2] = Diseo Web
1

Ejemplo
2

JavaScript Bsico
Arreglos multidimensionales en JavaScript
En javascript no existe un objeto de este tipo Se simulan definiendo arreglos de arreglos

JavaScript Bsico
Inicializacin de Arreglos: Se puede inicializar un arreglo en la declaracin
Var estCivil = new Array(Casado , Soltero, Viudo, Separado, Divorciado, Otro) Var matriz = new Array(new Array(1,2,3), new Array(4,5,6), new Array(7,8,9))
3

Ejemplo
4

JavaScript Bsico
Funciones Predefinidas en el Lenguaje.

JavaScript Bsico
Funciones Predefinidas en el Lenguaje.
eval(string): Esta funcin recibe una cadena de caracteres y la ejecuta como si fuera una sentencia de Javascript. parseInt(cadena,base): Recibe una cadena y una base. Devuelve un valor numrico resultante de convertir la cadena en un nmero en la base indicada. parseFloat(cadena): Convierte la cadena en un nmero y lo devuelve. isNaN(nmero): Devuelve un boleano dependiendo de lo que recibe por parmetro. Si no es un nmero devuelve un true, si es un numero devuelve false. 6

Javascript contiene una gran cantidad de funciones en sus libreras. Muchas de las libreras se implementan a travs de objetos. (Objetos Math y String). Existen algunas funciones que no estn asociadas a ningn objeto
5

JavaScript Bsico
Objetos en JavaScript
Javascript no es un lenguaje de programacin orientado a objetos Se pueden crear nuevos objetos y utilizar objetos que ya creados Recordamos que un objeto se crea a partir de una clase La clase es la definicin de las caractersticas y funcionalidades de un objeto. Con las clases no se trabaja
7

JavaScript Bsico
Objetos en JavaScript Instanciacin de objetos: Instanciar un objeto es la accin de crear un ejemplar de una clase Para crear un objeto a partir de una clase se utiliza la instruccin new: var miObjeto = new miClase() Propiedades y mtodos de los objetos

miObjeto.miPropiedad
miObjeto.miMetodo(param1, param2, ...) miObjeto.miMetodo()
8

JavaScript Bsico Objetos

Clases predefinidas de JavaScript
String, para el trabajo con cadenas de caracteres. Date, para el trabajo con fechas. Math, para realizar funciones matemticas. Number, para realizar algunas cosas con nmeros Boolean, trabajo con boleanos. Array Function
9

JavaScript Bsico Objetos

Clase String
Se utiliza para manejar cadenas de caracteres. Las variables de tipo texto son objetos de la clase String. Para crear un objeto de la clase String se asigna un texto a una variable. El texto va entre comillas Se puede crear un objeto string con el operador new.
10

JavaScript Bsico Objetos

Clase String
Propiedades de String
Length: Guarda el nmero de caracteres del String.

JavaScript Bsico Objetos

Clase String: Mtodos
charAt(indice): Devuelve el carcter que hay en la posicin indicada como ndice. indexOf(carcter,desde): Devuelve la posicin de la primera ocurrencia del caracter indicado en un string. Si no lo encuentra 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): Idem a indexOf pero desde el final replace(substring_a_buscar, nuevoStr): Reemplaza porciones del texto de un string por otro texto.
12

Mtodos de String: Los objetos de la clase String tienen una buena cantidad de mtodos para realizar muchas cosas interesantes.

11

JavaScript Bsico Objetos

Clase String: Mtodos
split(separador): Crea 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. 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.
13

JavaScript Bsico Objetos

Clase String: Mtodos
Mtodos tiles para aplicar estilos a un texto 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. blink(): Para que parpadee el texto del string bold() fixed()Para utilizar una fuente monoespaciada, (<TT>). fontColor(color): Asigna el color a la fuente
14

JavaScript Bsico Objetos

Clase String: Mtodos
fontSize(tamao): Asigna el tamao indicado a la fuente. italics(): Pone la fuente en cursiva. link(url):Pone el texto como un enlace a la URL indicada. small() strike(): Texto tachado. sub(): Subndice. sup(): Superndice. Ejemplo
15

JavaScript Bsico Objetos

Clase Date Sobre esta clase recae el trabajo con fechas en Javascript Un objeto de la clase Date se puede crear de dos maneras distintas.
Con el da y hora actuales Con un da y hora distintos a los actuales.

Da y hora actuales:
miFecha = new Date()
16

JavaScript Bsico Objetos

Clase Date Da y hora distintos de los actuales: Existen varios esquemas para construir una fecha. Dos de ellos son:
miFecha = newDate(ao,mes,dia,hora,minutos,segundos) miFecha = new Date(ao,mes,dia)

JavaScript Bsico Objetos

Clase Date: Mtodos
getDate(): Devuelve el da del mes. getDay(): Devuelve el da de la semana. getHours(): Retorna la hora. getMinutes(): Devuelve los minutos. getMonth(): Devuelve el mes getSeconds(): Devuelve los segundos. getTime(): 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. getYear(): Retorna el ao, al que se le ha restado 1900. getFullYear() Retorna el ao con todos los dgitos. 18

El mes comienza por 0, es decir, enero es el mes 0. Si no indicamos la hora, el objeto fecha se crea con hora 00:00:00. Los objetos de la clase Date no tienen propiedades.
17

Ejemplo

JavaScript Bsico Objetos

Clase Date: Mtodos
setDate(): Actualiza el da del mes setHours(): Actualiza la hora. setMinutes(): Actualiza los minutos. setMonth(): Actualiza el mes setSeconds(): Actualiza los segundos. setTime():Actualiza la fecha completa. Recibe un nmero de milisegundos desde el 1 de enero de 1970. setYear(): Actualiza el ao. Recibe un nmero, al que le suma 1900 antes de colocarlo como ao de la fecha. setFullYear(): Cambia el ao de la fecha al nmero que recibe por parmetro.
19

JavaScript Bsico Objetos

Clase Math Se utiliza para realizar clculos matemticos 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 Para trabajar con la clase Math no se utiliza la instruccin new, sino que se utiliza el nombre de la clase para acceder a sus propiedades y mtodos.
20

JavaScript Bsico Objetos

Clase Math Propiedades Las propiedades guardan valores tiles en las matemticas avanzadas E: Nmero E o constante de Euler (base de los logaritmos neperianos. LN2 - LN10 - LOG2E - LOG10E PI SQRT1_2 - SQRT2
21

JavaScript Bsico Objetos

Clase Math Mtodos de Math
abs(): Devuelve el valor absoluto de un nmero. 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. cos(): Retorna el coseno de un nmero. exp(): Retorna el resultado de elevar el nmero E por un nmero. floor(): Lo contrario de ceil(), devuelve un nmero igual o inmediatamente inferior. 22 log() :Devuelve el logaritmo neperiano de un nmero.

JavaScript Bsico Objetos

Clase Math Mtodos de Math
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. 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.

JavaScript Bsico Objetos

Clase Number
Modeliza el tipo de datos numrico. Sirve para crear objetos que tienen datos numricos como valor.

Ejemplo

23

24

JavaScript Bsico Objetos

Clase Number
El valor de un objeto de la clase Number depende de lo que reciba el constructor de la clase. Segn las siguientes reglas: Si el constructor recibe un nmero, entonces inicializa el objeto con el nmero que recibe. Si recibe un nmero entre comillas lo convierte al valor numrico Devuelve 0 en caso de que no reciba nada. En caso de que reciba un valor no numrico devuelve NaN: "Not a Number" (No es un nmero) Si recibe false se inicializa a 0 y si recibe true se 25 inicializa a 1.

JavaScript Bsico Objetos

Clase Number Propiedades
NaN: Not a Number (no es un nmero.) MAX_VALUE y MIN_VALUE: mximo y el mnimo valor que se puede representar NEGATIVE_INFINITY y POSITIVE_INFINITY: Representan los valores, negativos y positivos respectivamente, a partir de los cuales hay desbordamiento. Estas propiedades son de clase. Se accede a ellas a partir del nombre de la clase
26

JavaScript Bsico Objetos

Clase Boolean Se utiliza para crear valores boleanos a partir de valores no boleanos.
El valor de un objeto de la clase Boolean, verdadero o falso, depende de lo que reciba el constructor de la clase. Segn las siguientes reglas:
Se inicializa a false cuando no se pasa ningn valor al constructor, si se pasa una cadena vaca, el nmero 0 o la palabra false sin comillas. Se inicializa a true cuando recibe cualquier valor entre comillas o cualquier nmero distinto de 0.
27

JavaScript Bsico Objetos

Creacin de Objetos y Clases
Para crear nuestros propios objetos debemos crear una clase Para crear la clase en Javascript se debe escribir una funcin especial que se encargar de construir el objeto en memoria e inicializarlo. Esta funcin se llama constructor en la terminologa de la POO. function MiClase (valor_inicializacion){ //Inicializa las propiedades y mtodos this.miPropiedad = valor_inicializacion this.miMetodo = nombre_de_una_funcion_definida 28 }

JavaScript Bsico Objetos

Creacin de Objetos y Clases This hace referencia al objeto que se est construyendo A ese objeto se le asignan valores en sus propiedades y nombres de funciones definidas para sus mtodos. Al construir un objeto tcnicamente es lo mismo declarar una propiedad o un mtodo, solo difiere en que a una propiedad le asignamos un valor y a un mtodo le asignamos una funcin.
29

JavaScript Bsico Objetos

Creacin de Objetos y Clases Para construir un mtodo se debe crear una funcin:
function miFuncion(numero){ this.miPropiedad= numero } function mostrar(){ document.write (miPropiedad: + this.miPropiedad) }

30

JavaScript Bsico Objetos

Creacin de Objetos y Clases Asignacin de mtodos en el Constructor
function MiClase (valor_inicializacion){ //Inicializa las propiedades y mtodos this.miPropiedad = valor_inicializacion this.miMetodo = miFuncion this.getMiPropiedad = mostrar }
31

JavaScript Bsico Objetos

Creacin de Objetos y Clases Instanciacin de un objeto miObjeto = new MiClase(Diseo Web)

Ejemplo
32