SlideShare una empresa de Scribd logo
1 de 14
OBJETOS PREDEFINIDOS
CURSO : JAVASCRIPT AVANZADO
Nombre del docente: EYLER CHAVEZ BENEL
Objetivo de la sesión
• El objetivo es conocer los diferentes tipos de objetos , con
sus respectivos métodos predefinidos para poder
manipular cadenas, fechas y números .
• Al finalizar la sesión, el estudiante crea aplicaciones web
con JavaScript reconociendo la utilidad de los objetos
String y Math.
Objetos en JavaScript
JavaScript es un lenguaje orientado a objetos
Un objeto es un tipo estructurado de dato que
contiene propiedades y métodos
Las propiedades son valores asociados con el objeto
Los métodosson acciones que pueden ser evaluadas
sobre los objetos
Ejemplo de propiedades y métodosde un objeto
<HR>
<SCRIPT>
var txt = "Hola hola";
console.log(txt.length);
console.log(txt.toUpperCase());
</SCRIPT>
<HR>
Metodolog´ıa de la Programacio´n JavaScript: Objetos predefinidos
Objetos predefinidos en JavaScript
Objetos predefinidos en
JavaScript Cadenas de texto:
String Fechas: Date
Arreglos: Array
Logicos:Boolean
Matemática: Math
Metodolog´ıa de la Programacio´n
Objeto String
El objeto String se utiliza para manipular cadenas de
texto
Cualquier cadena de texto es un objeto String y no es
necesario un proceso específico para crear un objeto
String nuevo
Propiedades
length: Longitud del objeto String
Ejemplo
<SCRIPT>
var txt = "hola hola";
console.log(txt.length);
</SCRIPT>
Metodolog´ıa de la Programacio´n JavaScript: Objetos predefinidos
EJERCICIO PARA EL ALUMNO
var txt = “ hola certus “ ;
console.log(txt.length);
Objeto String
Método substring()
Sintaxis: objetoString.substring(inicio,final)
Argumentos: Dos números naturales inicio y final
Resultado: Devuelve la subcadena del objeto String desde
la posicióndada por inicio hasta la posicióndada por final
Ejemplo
<SCRIPT>
var txt = "hola hola";
console.log(txt.substring(2,8));
</SCRIPT>
Metodolog´ıa de la Programacio´n
JavaScript: Objetos predefinidos
EJERCICIO PARA EL ALUMNO
var txt = "hola" ;
console.log(txt.substring(1,3));
Objeto String
Método toLowerCase()
Sintaxis: objetoString.toLowerCase() Resultado:
Devuelve la cadena obtenida poniendo en
minúscula el objetoString
Método toUpperCase()
Sintaxis: objetoString.toUpperCase() Resultado:
Devuelve la cadena obtenida poniendo en
mayúsculael objetoString
Nota: No modifican el objeto String original
Ejemplo
<SCRIPT>
var txt = "Hola Hola"
console.log(txt.toLowerCase());
console.log(txt.toUpperCase());
</SCRIPT>
Metodolog´ıa de la Programacio´n JavaScript: Objetos predefinidos
Objeto String
Método charAt()
Sintaxis: objetoString.charAt(indice)
Argumento: Un número natural indice
Resultado: Devuelve el carácterdel objetoString que ocupa
la posición dada por el indice
Nota: La indexación comienza por el 0
Ejemplo
<SCRIPT>
var txt = "hola hola"
console.log(txt.charAt(0));
console.log(txt.charAt(9));
</SCRIPT>
Metodolog´ıa de la Programacio´n JavaScript: Objetos predefinidos
EJERCICIO PARA EL ALUMNO
var txt = "hola" ;
console.log(txt.charAt(1));
Objeto Math
El objeto Math se utiliza para realizar
operaciones matemáticas
Propiedades
Math.PI: El númeroPI
Math.E: El n’umero basedeloslogaritmos
Math.SQRT(2): La raíz cuadrada de 2
Math.SQRT(1/ 2): La raízcuadrada de
1/2 Math.LN(2): El logaritmo de 2
Metodolog´ıa de la Programacio´n JavaScript: Objetos predefinidos
Objeto Math
Método pow()
Sintaxis: Math.pow(x,y)
Argumento: Dos númerosx e y
Resultado: Devuelve el valor
xy
Método sqrt()
Sintaxis: Math.sqrt(x)
Argumento: Un número x
Resultado: Devuelve la raíz cuadrada de x
Método random()
Sintaxis: Math.random()
Resultado: Devuelve un número pseudo aleatorio entre 0
y 1
Metodolog´ıa de la Programacio´n JavaScript: Objetos predefinidos
EJEMPLO
var numero = Math.pow(2,3);
console.log(numero);
EJEMPLO
var numero = Math.sqrt(16);
console.log(numero);
EJERCICIOS PARA EL ALUMNO
var numero = Math.sqrt(16);
var numero2 = Math.pow(3,3);
console.log(numero,numero2);
Objeto Math
Método max()
Sintaxis: Math.max(x,y)
Argumento: Dos númerosx e y
Resultado: Devuelve el máximoentre x e
y
Método min()
Sintaxis: Math.min(x,y)
Argumento: Dos númerosx e y
Resultado: Devuelve el minimo entre x e
y
Metodolog´ıa de la Programacio´n JavaScript: Objetos predefinidos
EJEMPLO
var numero = Math.max(4,7);
console.log(numero);
EJEMPLO
var numero = Math.min(2,3);
console.log(numero);
EJERCICIOS PARA EL ALUMNO
var numero = Math.max(1,6);
var numero2 = Math.min(3,5);
console.log(numero,numero2);
Objeto Math
Método floor()
Sintaxis: Math.floor(x)
Argumento: Un número x
Resultado: Devuelve el entero inmediatamente anterior a
x
Método ceil()
Sintaxis: Math.ceil(x)
Argumento: Un número x
Resultado: Devuelve el entero inmediatamente posterior
a x
Método round()
Sintaxis: Math.round(x)
Argumento: Un número x
Resultado: Devuelve el entero más cercano a x
Metodolog´ıa de la Programacio´n JavaScript: Objetos predefinidos
EJEMPLO
var numero = Math.floor(2.5);
console.log(numero);
EJEMPLO
var numero = Math.ceil(2.4);
console.log(numero);
EJEMPLO
var numero = Math.round(2.3);
console.log(numero);
EJERCICIOS PARA EL ALUMNO
var numero = Math.floor(4.5);
var numero2 = Math.round(6.8);
console.log(numero,numero2);
Referencias bibliográficas
• https://developer.mozilla.org/es/docs
/Web/JavaScript/Guide/Working_wit
h_Objects
• https://es.javascript.info/object
Gracias

Más contenido relacionado

Similar a clase modelo.pptx

programacion orientada a objetos
programacion orientada a objetosprogramacion orientada a objetos
programacion orientada a objetos
jent46
 
Poo 2009 u2_introd_a_la_poo_2
Poo 2009 u2_introd_a_la_poo_2Poo 2009 u2_introd_a_la_poo_2
Poo 2009 u2_introd_a_la_poo_2
Axel
 
Ordenacion y busqueda
Ordenacion y busquedaOrdenacion y busqueda
Ordenacion y busqueda
IrvingMoran4
 

Similar a clase modelo.pptx (20)

03 Oop
03   Oop03   Oop
03 Oop
 
Programar java
Programar javaProgramar java
Programar java
 
P4 Programacion orientada a objetos con Java.pptx
P4 Programacion orientada a objetos con Java.pptxP4 Programacion orientada a objetos con Java.pptx
P4 Programacion orientada a objetos con Java.pptx
 
Programar java
Programar javaProgramar java
Programar java
 
programacion orientada a objetos
programacion orientada a objetosprogramacion orientada a objetos
programacion orientada a objetos
 
Programación Orientada a Objetos - Unidad 2: clases y objetos
Programación Orientada a Objetos - Unidad 2: clases y objetosProgramación Orientada a Objetos - Unidad 2: clases y objetos
Programación Orientada a Objetos - Unidad 2: clases y objetos
 
S6-Contenedores
S6-ContenedoresS6-Contenedores
S6-Contenedores
 
05. Creando e implementando objetos y métodos
05. Creando e implementando objetos y métodos05. Creando e implementando objetos y métodos
05. Creando e implementando objetos y métodos
 
Poo
PooPoo
Poo
 
Separata java script
Separata java scriptSeparata java script
Separata java script
 
Tema 4 clases_y_objetos
Tema 4 clases_y_objetosTema 4 clases_y_objetos
Tema 4 clases_y_objetos
 
S6-POO-3.2 Contenedores Especiales
S6-POO-3.2 Contenedores EspecialesS6-POO-3.2 Contenedores Especiales
S6-POO-3.2 Contenedores Especiales
 
Programacion Orientada a Objetos - Unidad 2 clases y objetos
Programacion Orientada a Objetos - Unidad 2 clases y objetosProgramacion Orientada a Objetos - Unidad 2 clases y objetos
Programacion Orientada a Objetos - Unidad 2 clases y objetos
 
Exposicion Capitulo 10,11,12
Exposicion Capitulo 10,11,12Exposicion Capitulo 10,11,12
Exposicion Capitulo 10,11,12
 
Apuntes: Arreglos y objetos en JavaScript
Apuntes: Arreglos y objetos en JavaScriptApuntes: Arreglos y objetos en JavaScript
Apuntes: Arreglos y objetos en JavaScript
 
Poo 2009 u2_introd_a_la_poo_2
Poo 2009 u2_introd_a_la_poo_2Poo 2009 u2_introd_a_la_poo_2
Poo 2009 u2_introd_a_la_poo_2
 
Ordenacion y busqueda
Ordenacion y busquedaOrdenacion y busqueda
Ordenacion y busqueda
 
Procesamiento de datos a gran escala con Apache Spark
Procesamiento de datos a gran escala con Apache SparkProcesamiento de datos a gran escala con Apache Spark
Procesamiento de datos a gran escala con Apache Spark
 
Apache spark meetup
Apache spark meetupApache spark meetup
Apache spark meetup
 
Java8 : Más allá de las Expresiones Lambdas
Java8 :  Más allá de las Expresiones LambdasJava8 :  Más allá de las Expresiones Lambdas
Java8 : Más allá de las Expresiones Lambdas
 

Último

Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
AnnimoUno1
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
FagnerLisboa3
 

Último (11)

Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 

clase modelo.pptx

  • 1. OBJETOS PREDEFINIDOS CURSO : JAVASCRIPT AVANZADO Nombre del docente: EYLER CHAVEZ BENEL
  • 2. Objetivo de la sesión • El objetivo es conocer los diferentes tipos de objetos , con sus respectivos métodos predefinidos para poder manipular cadenas, fechas y números . • Al finalizar la sesión, el estudiante crea aplicaciones web con JavaScript reconociendo la utilidad de los objetos String y Math.
  • 3. Objetos en JavaScript JavaScript es un lenguaje orientado a objetos Un objeto es un tipo estructurado de dato que contiene propiedades y métodos Las propiedades son valores asociados con el objeto Los métodosson acciones que pueden ser evaluadas sobre los objetos Ejemplo de propiedades y métodosde un objeto <HR> <SCRIPT> var txt = "Hola hola"; console.log(txt.length); console.log(txt.toUpperCase()); </SCRIPT> <HR> Metodolog´ıa de la Programacio´n JavaScript: Objetos predefinidos
  • 4. Objetos predefinidos en JavaScript Objetos predefinidos en JavaScript Cadenas de texto: String Fechas: Date Arreglos: Array Logicos:Boolean Matemática: Math Metodolog´ıa de la Programacio´n
  • 5. Objeto String El objeto String se utiliza para manipular cadenas de texto Cualquier cadena de texto es un objeto String y no es necesario un proceso específico para crear un objeto String nuevo Propiedades length: Longitud del objeto String Ejemplo <SCRIPT> var txt = "hola hola"; console.log(txt.length); </SCRIPT> Metodolog´ıa de la Programacio´n JavaScript: Objetos predefinidos EJERCICIO PARA EL ALUMNO var txt = “ hola certus “ ; console.log(txt.length);
  • 6. Objeto String Método substring() Sintaxis: objetoString.substring(inicio,final) Argumentos: Dos números naturales inicio y final Resultado: Devuelve la subcadena del objeto String desde la posicióndada por inicio hasta la posicióndada por final Ejemplo <SCRIPT> var txt = "hola hola"; console.log(txt.substring(2,8)); </SCRIPT> Metodolog´ıa de la Programacio´n JavaScript: Objetos predefinidos EJERCICIO PARA EL ALUMNO var txt = "hola" ; console.log(txt.substring(1,3));
  • 7. Objeto String Método toLowerCase() Sintaxis: objetoString.toLowerCase() Resultado: Devuelve la cadena obtenida poniendo en minúscula el objetoString Método toUpperCase() Sintaxis: objetoString.toUpperCase() Resultado: Devuelve la cadena obtenida poniendo en mayúsculael objetoString Nota: No modifican el objeto String original Ejemplo <SCRIPT> var txt = "Hola Hola" console.log(txt.toLowerCase()); console.log(txt.toUpperCase()); </SCRIPT> Metodolog´ıa de la Programacio´n JavaScript: Objetos predefinidos
  • 8. Objeto String Método charAt() Sintaxis: objetoString.charAt(indice) Argumento: Un número natural indice Resultado: Devuelve el carácterdel objetoString que ocupa la posición dada por el indice Nota: La indexación comienza por el 0 Ejemplo <SCRIPT> var txt = "hola hola" console.log(txt.charAt(0)); console.log(txt.charAt(9)); </SCRIPT> Metodolog´ıa de la Programacio´n JavaScript: Objetos predefinidos EJERCICIO PARA EL ALUMNO var txt = "hola" ; console.log(txt.charAt(1));
  • 9. Objeto Math El objeto Math se utiliza para realizar operaciones matemáticas Propiedades Math.PI: El númeroPI Math.E: El n’umero basedeloslogaritmos Math.SQRT(2): La raíz cuadrada de 2 Math.SQRT(1/ 2): La raízcuadrada de 1/2 Math.LN(2): El logaritmo de 2 Metodolog´ıa de la Programacio´n JavaScript: Objetos predefinidos
  • 10. Objeto Math Método pow() Sintaxis: Math.pow(x,y) Argumento: Dos númerosx e y Resultado: Devuelve el valor xy Método sqrt() Sintaxis: Math.sqrt(x) Argumento: Un número x Resultado: Devuelve la raíz cuadrada de x Método random() Sintaxis: Math.random() Resultado: Devuelve un número pseudo aleatorio entre 0 y 1 Metodolog´ıa de la Programacio´n JavaScript: Objetos predefinidos EJEMPLO var numero = Math.pow(2,3); console.log(numero); EJEMPLO var numero = Math.sqrt(16); console.log(numero); EJERCICIOS PARA EL ALUMNO var numero = Math.sqrt(16); var numero2 = Math.pow(3,3); console.log(numero,numero2);
  • 11. Objeto Math Método max() Sintaxis: Math.max(x,y) Argumento: Dos númerosx e y Resultado: Devuelve el máximoentre x e y Método min() Sintaxis: Math.min(x,y) Argumento: Dos númerosx e y Resultado: Devuelve el minimo entre x e y Metodolog´ıa de la Programacio´n JavaScript: Objetos predefinidos EJEMPLO var numero = Math.max(4,7); console.log(numero); EJEMPLO var numero = Math.min(2,3); console.log(numero); EJERCICIOS PARA EL ALUMNO var numero = Math.max(1,6); var numero2 = Math.min(3,5); console.log(numero,numero2);
  • 12. Objeto Math Método floor() Sintaxis: Math.floor(x) Argumento: Un número x Resultado: Devuelve el entero inmediatamente anterior a x Método ceil() Sintaxis: Math.ceil(x) Argumento: Un número x Resultado: Devuelve el entero inmediatamente posterior a x Método round() Sintaxis: Math.round(x) Argumento: Un número x Resultado: Devuelve el entero más cercano a x Metodolog´ıa de la Programacio´n JavaScript: Objetos predefinidos EJEMPLO var numero = Math.floor(2.5); console.log(numero); EJEMPLO var numero = Math.ceil(2.4); console.log(numero); EJEMPLO var numero = Math.round(2.3); console.log(numero); EJERCICIOS PARA EL ALUMNO var numero = Math.floor(4.5); var numero2 = Math.round(6.8); console.log(numero,numero2);