Java JavaSc Scrip riptt Bási Básico co Arreglos en JavaScript • Creación de Arreglos
DHTML: JavaScript (III)
– var miAr miArra ray y = new new Arra Array( y()) – var miAr miArra ray y = new Arra Array( y(10 10))
• Asign Asignaci ación ón de valo valores res.. – miArra miArray[0 y[0]] = 1 – miArray[1] miArray[1] = 0.5 0.5
Ejemplo
– miArray[2] miArray[2] = “Diseñ “Diseño o Web” 1
Java JavaScr Scrip iptt Básic Básico o Arreglos multidimensionales en JavaScript javascript no existe existe un objeto objeto de este • En javascript tipo • Se simulan definiendo “arreglos de arreglos”
2
Java JavaSc Scrip riptt Bási Básico co • Inicialización de Arreglos: Se puede inicializar un arreglo en la declaración – Var estC estCiv ivil il = new new Arra Array( y(“C “Cas asad ado” o” , “Soltero”, “Viudo”, “Separado”, “Divorciado”, “Otro”) – Var matriz matriz = new Array( Array(new new Array( Array(1,2 1,2,3) ,3),, new Array( Array(4,5 4,5,6) ,6),, new Array( Array(7,8 7,8,9) ,9)))
Ejemplo
JavaScript Básico
JavaScript Básico
Funciones Predefinidas en el Lenguaje. • eval(string): Esta función recibe una cadena de caracteres y la ejecuta como si fuera una sentencia de Javascript.
Funciones Predefinidas en el Lenguaje.
• Javascript contiene una gran cantidad de funciones en sus librerías. • Muchas de las librerías se implementan a través de objetos. (Objetos Math y String). • Existen algunas funciones que no están asociadas a ningún objeto 5
• parseInt(cadena,base): Recibe una cadena y una base. Devuelve un valor numérico resultante de convertir la cadena en un número en la base indicada. • parseFloat(cadena): Convierte la cadena en un número y lo devuelve. • isNaN(número): Devuelve un boleano dependiendo de lo que recibe por parámetro. Si no es un número 6 devuelve un true, si es un numero devuelve false.
JavaScript Básico
JavaScript Básico
Objetos en JavaScript
Objetos en JavaScript • Instanciación de objetos: Instanciar un objeto es la acción de crear un “ejemplar” de una clase • Para crear un objeto a partir de una clase se utiliza la instrucción new: –var miObjeto = new miClase() • Propiedades y métodos de los objetos
• Javascript no es un lenguaje de programación 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 definición de las características y funcionalidades de un objeto.
• miObjeto.miPropiedad –miObjeto.miMetodo(param1, param2, ...)
JavaScript Básico – Objetos • Clases predefinidas de JavaScript
JavaScript Básico – Objetos Clase String
– String, para el trabajo con cadenas de caracteres. – Date, para el trabajo con fechas. – Math, para realizar funciones matemáticas. – Number, para realizar algunas cosas con números – Boolean, trabajo con boleanos. – Array – Function
• 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. 9
JavaScript Básico – Objetos Clase String • Propiedades de String – Length: 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.
10
JavaScript Básico – Objetos Clase String: Métodos • charAt(indice): Devuelve el carácter que hay en la posición indicada como índice. • indexOf(carácter,desde): Devuelve la posición de la primera ocurrencia del caracter indicado en un string. Si no lo encuentra 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): Idem a indexOf pero desde el final replace(substring_a_buscar, nuevoStr): Reemplaza
JavaScript Básico – Objetos
JavaScript Básico – Objetos
Clase String: Métodos
Clase String: Métodos
• 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 parámetro. • substring(inicio,fin): Devuelve el substring que empieza en el carácter de inicio y termina en el carácter de fin. • 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.
• Métodos ú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
lo que recibe por parámetro. • big(): Aumenta el tamaño de letra del string. • blink(): Para que parpadee el texto del string • bold() • fixed()Para utilizar una fuente monoespaciada, (). • fontColor(color): Asigna el color a la fuente
13
14
JavaScript Básico – Objetos
JavaScript Básico – Objetos
Clase String: Métodos
Clase Date
• fontSize(tamaño): Asigna el tamaño indicado a la fuente.
• Sobre esta clase recae el trabajo con fechas en Javascript
• italics(): Pone la fuente en cursiva.
• Un objeto de la clase Date se puede crear de dos maneras distintas.
• link(url):Pone el texto como un enlace a la URL indicada. • small() strike(): Texto tachado. • sub(): Subíndice.
– Con el día y hora actuales – Con un día y hora distintos a los actuales.
Día y h
tual
JavaScript Básico – Objetos
JavaScript Básico – Objetos
Clase Date • Día y hora distintos de los actuales: Existen varios esquemas para construir una fecha. Dos de ellos son:
Clase Date: Métodos
– miFecha = newDate(año,mes,dia,hora,minutos,segundos) – miFecha = new Date(año,mes,dia)
• 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 Básico – Objetos
JavaScript Básico – Objetos
Clase Date: Métodos
Clase Math
setDate(): Actualiza el día 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 número de milisegundos desde el 1 de enero de 1970. • setYear(): Actualiza el año. Recibe un número, al que le suma 1900 antes de colocarlo como año de la fecha. • • • • • •
getDate(): Devuelve el día del mes. getDay(): Devuelve el día 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 día 1 de enero de 1970 y la fecha correspondiente al objeto al que se le pasa el mensaje. • getYear(): Retorna el año, al que se le ha restado 1900. • getFullYear() Retorna el año con todos los dígitos. 18 • • • • • • •
• Se utiliza para realizar cálculos matemáticos • 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 • Para trabajar con la clase Math no se utiliza la instrucción new, sino que se utiliza el nombre de la clase para acceder a sus propiedades y métodos.
JavaScript Básico – Objetos
JavaScript Básico – Objetos
Clase Math – Propiedades
Clase Math – Métodos de Math • • • • •
• Las propiedades guardan valores útiles en las matemáticas avanzadas • E: Número E o constante de Euler (base de los logaritmos neperianos.
• •
• LN2 - LN10 - LOG2E - LOG10E – PI SQRT1_2 - SQRT2
• 21
•
abs(): Devuelve el valor absoluto de un número. 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. 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(), devuelve un número igual o inmediatamente inferior. 22 log() :Devuelve el logaritmo neperiano de un número.
JavaScript Básico – Objetos
JavaScript Básico – Objetos
Clase Math – Métodos de Math
Clase Number
• 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. • 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.
• Modeliza el tipo de datos numérico. • Sirve para crear objetos que tienen datos numéricos como valor.
JavaScript Básico – Objetos Clase Number
JavaScript Básico – Objetos Clase Number – Propiedades
• El valor de un objeto de la clase Number depende de lo que reciba el constructor de la clase. Según las siguientes reglas: – Si el constructor recibe un número, entonces inicializa el objeto con el número que recibe. – Si recibe un número entre comillas lo convierte al valor numérico – Devuelve 0 en caso de que no reciba nada. – En caso de que reciba un valor no numérico devuelve NaN: "Not a Number" (No es un número) – Si recibe false se inicializa a 0 y si recibe true se inicializa a 1.
• NaN: Not a Number (no es un número.) • MAX_VALUE y MIN_VALUE: máximo y el mínimo 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
25
JavaScript Básico – 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. Según las siguientes reglas: – Se inicializa a false cuando no se pasa ningún valor al constructor, si se pasa una cadena vacía, el número 0 o la palabra false sin comillas.
26
JavaScript Básico – Objetos Creación de Objetos y Clases • Para crear nuestros propios objetos debemos crear una clase • Para crear la clase en Javascript se debe escribir una función especial que se encargará de construir el objeto en memoria e inicializarlo. • Esta función se llama constructor en la terminología de la POO. function MiClase (valor_inicializacion){ //Inicializa las propiedades y métodos
JavaScript Básico – Objetos
JavaScript Básico – Objetos Creación de Objetos y Clases • Para construir un método se debe crear una función:
Creación 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 métodos. • Al construir un objeto técnicamente es lo mismo declarar una propiedad o un método, solo difiere en que a una propiedad le asignamos un valor y a un método le asignamos una función. 29
– function miFuncion(numero){ this.miPropiedad= numero } – function mostrar(){ document.write (“miPropiedad: ” + this.miPropiedad) }
30
JavaScript Básico – Objetos
JavaScript Básico – Objetos
Creación de Objetos y Clases
Creación de Objetos y Clases
• Asignación de métodos en el Constructor • Instanciación de un objeto • function MiClase (valor_inicializacion){ //Inicializa las propiedades y métodos this.miPropiedad = valor_inicializacion this.miMetodo = miFuncion this.getMiPropiedad = mostrar
miObjeto = new MiClase(“Diseño Web”)