JAVASCRIPT: OBJETOS

PREDEFINIDOS

IES ALIXAR. Z
 Objetos predefinidos
• Los tipos de datos por referencia permiten
realizar operaciones más complejas.
• Estos tipos de datos representan estructuras
que permiten agrupar dentro de ésta tanto
datos como funcionalidad.
• Javascript presenta de forma nativa una serie
de tipos por referencia de uso general y cuya
funcionalidad es aprovechada por el usuario.
 Objetos predefinidos

JavaScript es un Ienguaje orientado a cnbjetos

Un objeto es un tipo estructuraclo de data que contiene
propiedades y métodos
0 Las propiedacles son valores asociados can el objeto
ii L05 métodos son acciones que pueden ser evaluadas sabre los
objetos

Ejempln de prcrpiedades y métodos de un objetu

{HR}
{SCRIPT}
var txt = "Hula hula";
d0cument.write(txt.length);
d0cument.write(txt.toUpperCas&{}1;
</SCRIPT}
{HR} J
 Objetos predefinidos

a Objetas pradafinidas an JavaScript

a Cadanas de taxta: String
u Fachas: Data
a Arraglosz Array
a Ldgicosi Bar:-laa11
u Matamatica: Math
an Exprasionas regularasz RagErp
I Models de abjetos del dc-cumanta: DOM
 Objeto String

0 El objeto String se utiliza para manipular cadenaa de teato

o Cualquier cadena de teato es un objeto String y no es
necesario un proceso especifico para crear un objeto String
nuevo
Ii Propiedades
o length: Longitud del objeto String

{SCRIPT}
var txt = "hc:-la ho1a.!";
doczument .write (ti-it . length) ;
f./SCRIPT}
 Objeto String
0 Método 1:oLowerCase()
0 Sintaxis: objetoString.t0LowerCase()
0 Resultado: Devuelve Ia cadena obtenida poniendo en
minfilscula el obj etoString
0 Método t0UpperCase()
0 Sintaxis: objetoString.toUpperCase()
0 Resultaclo: Devuelve Ia cadena obtenida poniendo en
mayiiscula el obj etoString
0 Nota: No moclifican el objetoString original

<SCRIPT>
var txt = "Hola Hola"
document.write(txt.toL0werCase() + "<BR>");
document.write(txt.toUpperCase() + "<BR>");
</SCRIPT}
 Objeto String

0 Método concat ()
0 Sintaxis: objetoString.concat(texto1 textoN)
o Argumentos: Varios cadenas textol textoN
a Resultado: Concatena obj etoStr1ng con las cadenas de texto
que se pasan como argumento, en el orden en que se
proporcnona n

<SCRIPT>
var txtl l!h0la II

var txt2 "holal";

document. write(txt1.concat(txt2))
<1 / son: PT}
 Objeto String

0 |\/létodo charAt()
0 Sintaxis: objetoString.charAt(inc1ioe)
o Argumento: Un nlimero natural indice
0 Resultado: Devuelve el carécter del obj etoString que ocupa
Ia posicién dada por el indice
0 Nota: La indexacion comienza por el O

<SCRIPT>
var txt = "hola hola!"
document.write(txt.charAt(0));
document.write(txt.charAt(9));
{/SCRIPT}
 Objeto String
0 |\/Iétodo indeXDf()
0 Sintaxis: objetoString.indexDf (texto,indice)
0 Argumentos: Una cadena texto y un nfimero natural indice
0 Resultado: Devuelve Ia posicion de la primera ocurrencia de la
cadena texto en el obj etoString a partir de Ia posicién
dada por el indice
0 Nota: El argumento indice es opcional, por defecto vale 0

<SCRIPT>
var txt = "hola hola!"
document.write(txt.index0f("ho1a") + "<BR>");
document.write(txt.indexOf("ho1a",3) + "<BR>");
document.write(txt.indexOf("adios"));
</SCRIPT)
 Objeto String
0 Método lastIndex0f()
Sintaxis: obj eto‘-String . last Indexflf (texto , indice)
Argumentos: Una cadena texto y un numero natural indice
Resultado: Devuelve Ia posicion de la ultima ocurrencia de la
cadena texto en el obj etoString, hacia atrés desde la
posicién dada por el indice
Nota: El argumento indice es opcional, por defecto Ia
busqueda comienza en Ia ultima posicion

{SCRIPT}
var txt = "hola hula!"
document.write(txt.lastIndexOf("hola") + "<BR>");
document.write{txt.lastIndexOf("hola",3) + "<BR>");
document.write(txt.lastIndexOf("adios"));
<1/SCRI PT}
 Objeto String
0 l\/létodo substring()
0 Sintaxis: objetoString.substring(inicio,final)
0 Argumentos: Dos numeros naturales inicio y final
a Resultado: Devuelve la subcadena del obj etoString descle la
posicion dada por inicio hasta la position clada por final
0 Notas:
o El argumento final es opcional, su valor por clefecto es el de
la ultima posici-on en objetoString
a La posicion inicio puede ser mayor que la posicion final

Ejem plo r
{SCRIPT}
var txt = "hola hola!"
document.write{txt.substring(3) + "<BR>");
document.write{txt.substring(2,8) + "<BR}");
document.write(txt.substring(9,1));
<1 SCRIPT}
 Objeto String
0 Método substr ()
0 Sintaxis: objetoString.substr(inicio,longitud)
0 Argumentos: Dos numeros naturales inicio y longitud
0 Resultado: Devuelve la subcadena del obj etoString desde la
posicién dada por inicio y con la longitud dada
o Nota: El argumento longitud es opcional, su valor por
clefecto es lo que queda hasta llegar al final del obj etoString

{SCRIPT}
var txt = "hola hola!"
dc:-cu.ment.write (txt. su.bstr(3) + "<BR‘.>") ;
document.write(txt.substr(2,4));
</SCRIPT)
 Objeto String
0 Método searc11()
0 Sintaxis: objetoString.search(texto)
0 Argumentos: Una cadena texto
0 Resultado: Devuelve la posicion de la prirnera ocurrencia de la
cadena texto en el obj etoString
0 Nota: Es equivalente a objetoString.indexDf (texto,O)

'<SCRIPT.'>
var txt = "hola hula!"
document.write(txt.search("hola"} + "(BR>");
document.write(txt.search("adios"));
</SCRIPT}
 Objeto String
0 Método replace()
0 Sintaxis: objetoString.replace(te1-ztol,texto2)
o Argumentos: Dos cadenas textol y texto2
0 Resultado: Devuelve la cadena obtenida reemplazando la
primera ocurrencia cle te:-ctol en el obj etoString por la
cadena tea-:to2
o Nota: Los argumentos textol y texto2 pueden tener distinta
longnud

<SCRIPT>
var txt = "hola hola!"
document.write(txt.replace("ho1a","adios"));
</SCRIPT)
 Objeto String
0 l\/létodo split ()
0 Sintaxis: objetoString.split (texto,tota1)
0 Argumentos: Una cadena texto y un numero natural total
0 Resultado: Devuelve un arreglo de cadenas obtenido
rompienclo el obj etoString en las ocurrencias cle la
subcadena string hasta obtener el total indlcaclo cle trozos
0 Nota: El argumento total es opcional, si no se indica se
obtendrén todos los trozos posibles

{SCRIPT}
var txt = "Esta es un ejemplo"
document.write(txt splittn |!,2) + lr<BR>Ir)
document.write(txt split("",10) + "<BR>")
document.write(txt spli-t(|'l |!});
</SCRIPT}
 Objeto String

Actividad:
A partir de las siguientes cadenas de texto,
lunes, martes, miercoles,
Realice las operaciones oportunas para generar las cadenas
Lunes, Martes, Miercoles
 Objeto String
var dias = [';11e3', ‘tarts ', 'rie:::;e3'];
diao.forEaoh[funotion (item, indiceJ{
oonsole.log{item.charAt(U).toUpperCase()+ item.substr(l))
1):

Lunes ejen:los.1tnL :65

Hartes ejen:los.1tnL jfio

Hiercoles ejen:los.atnL iss

 Objeto String

Actividad:
Identifique el número de palabras existentes en la siguiente frase:
Por cien cañones por banda poema Espronceda
 Objeto String

var poema= “g3: Jiei Jaijiez g3: ks" 1 gjena Zzgrjice ;

var palabras = poema.split( '\|—l' "Ii

oonsole.log{“I tar: is gaiarraz -r-r ” + palabras.length}'

E] Inspector Console E} Depuraclor ll Editor de estilo @ Rendimiento {F Memoria E: Red Q Almacenamiento

‘F "Selina del filtre

Numero de palabras: ?
 Objeto Date
0 El objeto Date se utiliza para trabajar con fechas
0 Construimos un objeto Date nuevo de la siguiente forma
new Date()
0 Utilizado de esta forma, el objeto creado toma como valor
" mes, dia, h ora, minuto y segun d 0
fecha actual: ano,
0 También se puede construir un objeto Date indicando como
argumento una cadena de texto con la informacion sobre la
fecha
em plo
€SCRIPT>
fecha new Date();
fecha HEW Date ("25 Nov 1971");
fecha HEW Date ("Nov 25 1971");
fecha HEW Date ("25 Nov 1971 00:30");
fecha HEW Date ("25 Nov 1971 00:30:24")
document.write(fecha);
<2/SCRIPT)
 Objeto Date
0 l\/létodo getFu1lYear()
o Sintaxis: obj etoDate.getFullYear()
o Resultado: Devuelve el aiio completo del obj etoDate
O Método setFullYear()
0 Sintaxis: objetoDate.setFullYear(ano,mes,dia)
nu

0 Argumentos: Un numero afio de cuatro cifras, un numero mes

del O al 11 y un l1LllTlEl'0 dia dell al 31
o Resultado: Cambia el aiio, el mes y el dia del mes del
obj etoDate y ajusta la fecha
u Notas: Los argumentos mes y dia son opcionales

'<SCRI PT}
var fecha = new Datefl);
document.write(fecha.getFu11Year() + "<BR}");
fecha.setFu11Year(1971,10,25);
document.write(fecha);
(/SCRI PT}
 Objeto Date
0 l\/létoclo getMonth()
o Sintaxis: obj etoDate.getMonth()
0 Resultado: Devuelve el mes (O-11) del obj etoDate
0 Método setMonth()
u Sintaxis: objetoDate.setMonth(1nes,dia)
u Argumentos: Un numero mes del O al 11 y un ntimero dia del
1 al 31
u Resultado: Cambia el mes y el clia del mes del obj etoDate y
ajusta la fecha
u Notas: El argumento dia es opcional

<SCRIPT}
var fecha = new Datefl);
document.write(fecha.getMonth() + "<BR}");
fecha.setMonth(10);
document.write(fecha);
<1’ SCRIPT}
 Objeto Date
0 Método getDate()
o Sintaxis: objetoDate.getDate()
0 Resultado: Devuelve el clia del mes (1-31) del obj etoDate
0 l\/létoclo setDate ()
0 Sintaxis: objetoDate.setDate(dia)
0 Argumento: Un numero dia del 1 al 31
o Resultado: Cambia el dia del mes del obj etoDate y ajusta la
fecha

{SCRIPT}
var fecha = new Date();
document.write(fecha.getDate() + "<BR>");
fecha.setDate(24);
deeument.write(feeha);
</SCRIPT}
 Objeto Date
0 Método getDay()
a Sintaxis: obj etoDate.getDay()
0 Resultado: Devuelve el dia de la semana (O-6) del obj etoDate
0 Nota: La semana comienza en Domingo

<SCRIPT>
var feeha = new Date();
doeument.write(feeha.getDay() + "<BR>");
</SCRIPT}
 Objeto Date
0 l\/létoclo getHours O
0 Sintaxis: obj etoDate.getHours()
0 Resultado: Devuelve la hora (0-23) del obj etoDate
0 l\/létodo setHours O
0 Sintaxis: objetoDate.setHours (hora,minuto,segundo)
0 Argumentos: Un numero hora del O al 23, un ntimero minuto
del O al 59 y un numero segundo del 0 al 59
0 Resultado: Cambia la hora, el minuto y el segundo del
obj etoDate y ajusta la fecha
o Nota: Los argumentos minuto y segundo son opcionales

€SCRIPT}
var fecha = new Date();
doeument.write(feeha.getHeurs(J + "<BR}");
fecha.setHours(22,20,10};
doeument.write(feeha);
</SCRIPT}
 Objeto Date
0 Método getMinutes()
o Sintaxis: obj etoDate.getMinutes()
0 Resultado: Devuelve el minuto (O-59) del obj etoDate
0 Método setl‘-’[inutes()
o Sintaxis: obj etoDate.setMinutes (n1innto,segnnrio)
0 Argumentos: Un numero minuto del O al 59 y un ntimero
segnndo del O al 59
0 Resultado: Cambia el minuto y el segunclo del obj etoDate
ajusta la fecha
0 Nota: El argumento segundo es opcional

<SCRIPT}
var feeha = new Date();
document.write(fecha.getMinutes() + "<BR}");
fecha.setMinutes(20,10);
deeument.write(feeha);
</SCRIPT}
 Objeto Date
0 Método getSeconds ()
u Sintaxis: obj etoDate.getSeconds()
o Resultado: Devuelve el segundo (0-59) del obj etoDate
0 Método setSeconds U
o Sintaxis: obj etoDate.setSeconds(segundo)
o Argumento: Un nlimero segundo del O al 59
o Resultado: Cambia el segundo del obj etoDate y ajusta la
fecha

<SCRIPT}
var feeha = new Date();
document.write(fecha.getSeconds() + "<BR}");
fecha.setSeeonds(10);
decument.write(fecha);
</SCRIPT}
 Objeto Array
0 El objeto Array se utiliza para almacenar un COfi_]Ul'llI0 de
valores en una misma variable arreglos
0 Construccion de objetos Array
0 Sin indicar el tamafio: new Array()
o lndicanclo el tamafio: new Array(ta111a.fio)
0 lndicanclo los valores: new Array(val1 ,valN)

Ejemplo
{SCRIPT}
var coches new Array();
var coches new Array(2)
Arrayfl = "Ford";
Arrayl = "Seat";
var coches = new Array(“Fcrd", Seat )
document.write(e0ches);
{/SCRIPT}
 Objeto Array
En Javascript podemos tener datos contenidos en una array y éstos no ser del
mismo tipo.
Se pueden crear arrays de forma sencilla :
• A partir del objeto Array como hemos visto.
• Sin el objeto Array
• Sin definir elementos (vacío)
• Enumeración de elementos

P
Ejemplo

var dias []; //Definición array vacío

var festivos = [‘Santos’, ‘NAvidad’,
‘Constitución’]; //Tres elementos
 Objeto Array
0 Propiedades
0 length: Numero de elementos del array
o Nota: Sirve para conocer el tamaiio de un array y para
modificarlo

Ejemplo
{SCRIPT}
var coches = new Array("Ford","Seat");
document.write(eoches + "{BR}");
document.write(coches.1ength + "{BR}");
eeches.1ength = 3;
document.write(ccches + "<BR>");
coches.1ength = 1;
document.write(eoches);
{/SCRIPT} J
 Objeto Array

La última posición de un array es la posición representada por el valor

length – 1 y la primera por el valor 0.
Esta propiedad, al contrario de lo que ocurre con otros lenguajes de
programación, no es una propiedad de sólo lectura, en Javascript es editable.
Permite modificar el tamaño del array mediante la asignación de un nuevo
valor, de esta forma se podrán añadir o eliminar elementos al array de forma
sencilla y rápida.
La reducción del tamaño del array implica la eliminación de los elementos que
ocupan las posiciones más altas.

P
Ejemplo

festivos.length = 10; //Añadimos nuevos elementos

con valor undefined
provincias.length = 2; //Si antes estaba a 8
eliminamos 6 elementos de las posiciones más altas.
 Objeto Array
[3]
[0] ROJO [1] VERDE [2] AZUL
AMARILLO

1
colores.length = 3 Reducimos el
tamaño del array

1
de 4 a 3

Se elimina el
elemento que
[0] ROJO [1] VERDE [2] AZUL ocupa la posición
más alta
 Objeto Array

Actividad:
Añada al array días, el cual está compuesto únicamente de los días laborables, los
días que faltan para completar la semana. Para ello utiliza el propio array sin
necesidad de crear uno nuevo y aprovecha las posibilidades ofrecidas por la
propiedad length para redimensionar el array y añadir los nuevos valores.
 Objeto Array
<script>
function oompletarSemana{dias){
var sizefiias = dia5.length;
dias.length = sizeDia5+2; rfAumentamos el array en doe _l_l e_
console.log ("i sf: iananyj “ + dias.length);
var newSizeDias = dias.length;
console.log(“?a;::s5 sisnsnijz 1-v--..-__' .-__ :.r|
+ dias[newSizeDias—2] + “ + dias[newSizeDias—l]]
dias[newSizeDias-2] l'|'--'---'-fl

dias[newSizeDias—l]
for (i= D; i<dias.length; i+;]{
console.log("Iia“ + i + “ + dias[i]);
}

}
var dias = ["1 is “, ““a:Te3", ”1ie:::Qe5“, “T afar“, “Tie- L
<rseript>
 Objeto Array

1 completarfiemanafidias}
Huevo tamanyo 7 e'em 1os.htm ~J -h
_l__E__________i__
valores elementos anyadidosundefined undefined ejemp1os.htm1 {E24}

Diafi Lunes ejemplos .htHl |;14,s)

Dial :Hartes ejemplos .htH1 ,14,s*|
Dia2 Hiercoles ejemplos htfil 14,5)

Diafi Jueves ejemplos htfil 14,5)

Dia4: Uiernes ejemplos htnl 1#,5)

Dia5 Sabado ejemplos. htfll ,1»4,s)

Diafi Domingo ejemplos. html 14,5)
 Objeto Array

0 Método concat O
o Sintaxis: obj etoArray.con<:at(array1 , . . . ,arrayN)
o Argumento: Varios arrays arrayl, arrayN
o Resultado: Concatena obj etoarray con todos los arrays que
se pasan como argumento, en el orclen en que se proporcionan

{SCRIPT}
var ccchesl = new Array("Ford","Seat");
var ccches2 = new Array("Fiat","BMW");
decument.write(coches1.ccncat(coches2)};
{/SCRIPT}
 Objeto Array
0 Método pop()
0 Sintaxis: objetoArray.pop()
0 Resultado: Elimina y devuelve el ultimo elemento del
objetoArray
0 Método push()
o Sintaxis: obj etoArray.push(elt1, . . . ,eltN)
a Argumento: Varios elementos eltl, e1tN
a Resultado: Afiade al final del obj etoarray los elementos que
se pasan como argumento, en el orden en que se proporcionan

{SCRIPT}
var coches = new Array("Ferd","Seat","Fiat");
document.write(coches.pop() + "{BR>");
coches.push("BMW","Toyota");
document . write (coches) ;
{/SCRIPT}
 Objeto Array
0 Método shift O
o Sintaxis: objetoArray.shift()
o Resultado: Elimina y devuelve el primer elemento clel
objetoarray
0 Método unshift ()
0 Sintaxis: obj etoArray.unshift(elt1 , . . . ,eltN)
0 Argumento: Varios elementos eltl, eltN
o Resultado: Afiade al principio del obj etoArray los elementos
que se pasan como argumento, en el orden en que se
proporciona n

{SCRIPT}
var coches = new Array("Ferd","Seat","Fiat");
document.write(coches.shift() + "{BR}");
coches.unshift("BMW","Toyota");
decument.write(ceches);
{/SCRIPT}
 Objeto Array

0 Método reverse U
0 Sintaxis: objetoArray.reverse()
0 Resultado: lnvierte el orden cle los elementos en el
objetoArray
o Nota: Moclifica el array original

{SCRIPT}
var coches = new Array("Seat","Toycta","Ford","EMW"
eoches.reverse();
document.write(coches + "{BR}");
{/SCRIPT}
 Objeto Array
0 Método sort ()
0 Sintaxis: objetoArray.sort()
0 Resultado: Ordena alfabéticamente los elementos en el
objetoArray
0 Nota: Modifica el array original

{SCRIPT}
var coches = new Array("Seat","Teyeta","Fcrd","EMW")
coches.sort();
d0cument.write{c0ches);
{/SCRIPT}
 Objeto Array
0 Método join ()
0 Sntafls:objetoarray.join(separador)
0 Argumento: Una cadena separador
0 Resultado: Devuelve una cadena de texto con todos los
elementos del obj etoarray, en el orden en que estén,
insertando el separador entre ellos
0 Nota: El argumento separador es optional, su valor por
defecto es "

{SCRIPT}
var coches = new Array("Seat","Toyeta","Ford","BMW");
document.write(coches.join(";"));
<1 / scar PT}
 Objeto Array
0 Método slice O
0 Sintaxis: objetoarray.slice(inicio,final)
o Argumento: Dos ntimeros naturales inicio y final
o Resultado: Devuelve los elementos del obj etoarray desde la
posicion dada por inicio hasta la position anterior a la clacla
por final
0 Nota: El argumento final es opcional, su valor por defecto es
la longitud del obj etoArray

{SCRIPT}
var coches = new Array("Seat","Toyota","Fcrd","BMW");
document.write(coches.s1ice(2) + "<BR}");
document.write(coches.s1iee(1,4));
{/SCRIPT}
 Objeto Array

Otros métodos:
indexOf(): posición ocupada por un valor dentro del array
lastIndexOf(): posición ocupada por un valor dentro de un array, si
existen varias posiciones con el mismo valor, devuelve la última.
isArray(): devuelve true si la variable representa un array.
toString(): devuelve el contenido del array como una cadena.
forEach(): permite recorrer un array.

Ejemplo

diasSemana.indexOf(‘Martes’) //Devuelve 1
miArray.forEach(function(e){
console.log(e);
}
 Objeto Array

Actividad 2:
Partiendo del array días, el cual contiene todos los días de la semana, divide dicho
array en dos, uno con los dias laborales y otro con los fines de semana.
 Objeto Array

function dividirArray(dias]{
festivos = dias.splice(5, E);
laborales = dias.splioe (D, 5];
console.log (”;ar::aLs : “ );
laborales.forEach(function(e) {
console.1og(e);
1]:
console.log (“Fe fifjrz ”);
festivos.forEach(function(e) {
oonsole.1og(e);
1):
I
var dias = ['1 is ', '_a:Te5', '1ie:::le5‘, ‘T efea‘, ‘Plains ', ' """, ‘I _ ;
 Objeto Array
F oivioiPfiP"ay(:ias

Laborales:

Lunes

Hartes

Hiercoles

Jueves

viernes

Festivos:

Saoado

Domingo
 Objeto Array
Actividad 3:
Ordene los alumnos por orden alfabético y muestre el contenido del array en su
correspondiente formato de cadena de texto.
Sanchez Julian
Lopez Martin
Cuesta Jose
 Objeto Array
var alumnos = ['3a1:1s: $'__ ‘,‘1:ts: 1 _'_ ‘, '2 safe S: s'];
alumnos.sort();
console.log(alnmnos.toString{));
alnmnos.reverse()
console.log(alumnos.toString());

Resultado en la consola:

Euesta ]ose,Loper Hartin,5ancher Julian ejen:los.atnL j55,E

Sanchez ]ulian,Lope: Hartin,Cuesta Jose ejen:los.1tnL 15‘.E

 Objeto Array

Actividad 4:
Partiendo del siguiente array [4,0,3,4,7,3,5,8,1,8,8,0,2,3,1,2,5,7,3,2,5,1] crear un
nuevo array con los elementos del array original sin repetir y ordenado.
 Objeto Array
var array = [4,D,3,4,7,3,5,E,1,5,5,D,2,3,l,2,5,7,3,2,5,l] ;
var numero;
var nuevoArray = [];
function ver(){
while (array.length>D]{
numero = arraj.pop();
if(nuevoArray.indexOf(numerol==—l){
nuevoArray.splice(nuevoArray.length,D,numero);
}
1
nuevoArray.sort(];
console.log(nuevoArray.toString(J);
I

> ver"[]|
@,1,2,3,4,5,7,E eien:los.1tnl
l_
jib.“
 Objeto Math

0 El objeto Math se utiliza para realizar operaciones

matematicas
0 Propedades
o }'Iath.PI: El nllimero Fl
o }'Iath.E: El nomero E
o )*lath.SQRT2: La raiz cuadrada de 2
o }'Iath.SQRT1_2: La raiz cuadrada cle 1/2
o Math.LN2: El logaritmo de 2
o Math.LN10: El logaritmo cle 10
 Objeto Math

0 Método floor()
o Sintaxis: Math.floor(x)
o Argumento: Un ntimero 1-:
0 Resultado: Devuelve el entero inmediatamente anterior a X
0 Método ceil ()
0 Sintaxis: I~’Iath.ceil(1-c)
0 Argumento: Un niimero 1-:
0 Resultado: Devuelve el entero inmediatamente posterior a x
0 Método round()
o Sintaxis: I~’Iath.round(:-1)
o Argumento: Un ntimero 1-:
o Resultado: Devuelve el entero mas cercano a x
 Objeto Math
0 Método abs ()
0 Sintaxis: I“Iath.abs(:-c)
0 Argumento: Un l'll1lTlE|'0 x
0 Resultado: Devuelve el valor absoluto de x
o Método max()
ii Sintaxis: Math.max(:-c,y)
u Argumento: Dos nomeros x e y
u Resultado: Devuelve el méximo entre x e y
0 Método min()
o Sintaxis: Math.min(x,y)
o Argumento: Dos ntimeros x e y
o Resultado: Devuelve el minimo entre X e y
 Objeto Math
0 Método pow()
0 Sintaxis: I~'Iath.pow(x,y)
o Argumento: Dos nomeros x e y
o Resultado: Devuelve el valor xi’
0 Método sqrt O
in Sintaxis: Math.sqrt (X)
0 Argumento: Un ntimero x
e Resultado: Devuelve la raiz cuadrada de X
0 Método random()
0 Sintaxis: Math.rando1n()
0 Resultado: Devuelve un nljmero pseudoaleatorio entre O y 1
 Objeto Math

Actividad:
Genere mediante JavaScript los números correspondientes a la bonoloto, valores 1-
50 y el respectivo complementario valores 1-9.
 Objeto Math
function bonoloto(){
var lista=[];
do {
numero = Math.ceil(Math.random()*5D) Observar el
funcionamiento
conaole.log('I1rsr:: ' + numero); de push, además
}wnile(lista.push(numero)<t)
numero =Math.oeil{Math.random()*9]; de añadir el
oonsole.log('Ijnrlsrsniariiz ' + numero); elemento al final
} |
del array
7 bonoloto[)
devuelve el
Mumero: 5 eiet:los.1tnL 155.51
nuevo tamaño
Mumero: 1? eien:los.1tnL 155.51 del array
Mumero: 45 eien:los.1tnL 155.51

Mumero: 21 eien:los.1tnL 155.51

Mumero: 12 eien:los.1tnL 155.51

Mumero: 1B eien:los.1tnL 155.51

Complementario: B eiem:los.1tnL 151.41

 Object
• Los objetos permiten modelar entidades
reales o abstractas que facilitan el diseño y
permiten tomar un nuevo enfoque a la hora
de abordar una solución para un problema
complejo.
• Un objeto define una serie de propiedades y
métodos para operar con él, de forma que se
encapsula su comportamiento.
 Object
• El núcleo de Javascript proporciona de forma
nativa el objeto Object.
• A partir de éste podemos crear nuestros
propios objetos.
• Un objeto dentro de Javascript equivale a una
variable que apunta o representa un conjunto
de identificadores, llamados propiedades, los
cuales contienen a su vez un dato o una
función.
 Object
• Las diferentes formas para crear un objeto
son:
– Uso de new

– Uso de un tipo personalizado