Tutoriales JavaScript | Clases y objetos

Curso completo de JavaScript para todos los niveles

//Tutoriales JavaScript | Clases y objetos
Tutoriales JavaScript | Clases y objetos2019-06-17T09:08:10+00:00

Lección 4. Clases y objetos

En JavaScript podemos encontrar multitud de clases y objetos en función de las librerías, extensiones o frameworks que utilicemos. Inicialmente vamos a ver 4 tipos de clases que no precisan de ningún elemento externo.

Clase Object

La clase Object nos va a permitir crear estructuras de datos para organizar y mantener datos referentes a un mismo elemento. También nos permite crear métodos para los objetos que creemos, que son funciones para manejar los datos de los propios objetos.

Copy to Clipboard

En el fragmento de código de arriba podemos ver como creamos un objeto de la clase Object y le asignamos una serie de “atributos” y una función que nos muestra una cadena con todos los datos.

Clase Date

Esta clase nos va a permitir manejar fechas en JavaScript. Podemos crear objetos Date a partir de varios constructores, ya sea sin parámetros, pasándole como parámetro los milisegundos, una fecha en string o todos los parámetros de una fecha (año, mes, dia, hora, minutos, segundos y milisegundos).

Copy to Clipboard

En el código de arriba se puede observar la creación de un objeto de la clase Date sin parámetros. Esto nos mostraría la fecha actual en el siguiente formato:

Fri Jul 01 2016 17:30:30 GMT +0200 (Hora de verano romance)

La clase Date tambíen tiene una serie de métodos para obtener todos sus datos. Estos métodos son los siguientes:

MÉTODO DEVOLUCIÓN
getDate() Devuelve el día del mes
getMonth() Devuelve el número del mes empezando por el 0 y acabando por el 11
getFullYear() Devuelve el año en formato de 4 dígitos
getDay() Devuelve el día de la semana empezando por el 0 y acabando por el 6. El primer día es el domingo
getHours() Devuelve la hora en formato de 2 dígitos
getMinutes() Devuelve los minutos en formato de 2 dígitos
getSeconds() Devuelve los segundos en formato de 2 dígitos

Clase Math

La clase Match podríamos definirla como una clase no instanciable. Esto quiere decir que en principio no se podrían crear objetos a partir de la misma. Nos va a servir para realizar operaciones matemáticas complejas como el redondeo de una cifra, una raíz cuadrada, generar un número aleatorio… etc. En la siguiente tabla vamos a ver los métodos que tiene y su devolución.

MÉTODO DEVOLUCIÓN
abs(número) Devuelve el valor absoluto de un número
acos(número) Devuelve el arcocoseno en radianes
asin(número) Devuelve el arcoseno en radianes
atan(número) Devuelve el arcotangente en radianes
atan2(número 1, número 2) Devuelve el arcotangente del cociente de los 2 argumentos
ceil(número) Devuelve el valor de un número redondeado hacia arriba
cos(número) Devuelve el coseno en radianes
exp(número) Devuelve el valor de E elevado a un número
floor(número) Devuelve el valor de un número redondeado hacia abajo
log(número) Devuelve el valor del logaritmo en base E de un número
max(número1, número2…) Devuelve el número mayor de un conjunto de números
min(número1, número2…) Devuelve el número menor de un conjunto de números
pow(número1, número2) Devuelve el valor de elevar el número1 al número2
random() Devuelve un número aleatorio entre 1 y 0
round(número) Redondea un número a su entero más cercano
sin(número) Devuelve el seno en radianes
sqrt(número) Devuelve la raíz cuadrada de un número
tan(número) Devuelve la tangente de un ángulo

Para acceder a cada método de la clase Math, basta con poner un punto después de su llamada y seguido el método que queramos utilizar.

Copy to Clipboard

En el código que podemos ver arriba, el alert nos va a devolver 10, ya que es el número más alto del conjunto de números que le hemos pasado como argumento.

Clase String

De igual manera que la clase Math, la clase String no es necesaria instanciarla, ya que sus métodos son accesibles desde cualquier variable que creemos de tipo cadena. Vamos a ver una tabla con todos los métodos de la clase String.

MÉTODO DEVOLUCIÓN
charAt() Devuelve el carácter que se encuentre en la posición que le pasemos como parámetro
charCodeAt() Devuelve el carácter en formato Unicode que se encuentre en la posición que le pasemos como parámetro
concat() Concatena dos o más strings que le pasemos por argumento
endsWith() Comprueba si la cadena finaliza por la cadena o carácter que le pasemos como parámetro
fromCharCode() Convierte un valor en Unicode por su carácter correspondiente
includes() Comprueba si una cadena contiene otra cadena o carácter que le pasemos como parámetro
indexOf() Devuelve la posición de un carácter o cadena que le pasemos como parámetro
lastIndexOf() Devuelve la última ocurrencia encontrada de un carácter o cadena que le pasemos como parámetro
localeCompare() Compara dos cadenas o caracteres en el formato local que estemos utilizando
match() Busca en el String mediante expresión regular y devuelve la coincidencia
repeat() Devuelve el string tantas veces como le pasemos como parámetro
replace() Busca una cadena o carácter que le pasemos como primer parámetro y lo sustituye por el segundo
search() Busca una cadena o carácter y devuelve la posición
slice() Devuelve una cadena o carácter formada por dos índices que le pasemos como parámetros
split() Crea un array a partir de una cadena formada por palabras o letras separados por un mismo carácter que le pasemos como parámetro
startsWith() Comprueba si una cadena empieza por una cadena o carácter que le pasemos como parámetro
substr() Devuelve un nueva cadena creada a partir de los argumentos que le pasemos como parámetro. El primer argumento es el índice y el segundo la longitud
substring() Devuelve un nueva cadena creada a partir de los argumentos que le pasemos como parámetro. El primer argumento es el índice y el segundo el índice de fin
toLocaleLowerCase() Devuelve el texto en mayúsculas en función del formato local que estemos utilizando
toLocaleUpperCase() Devuelve el texto en minúsculas en función del formato local que estemos utilizando
toLowerCase() Devuelve el texto en minúsculas
toString() Devuelve el valor en String de un objeto string
toUpperCase() Devuelve el texto en mayúsculas
trim() Devuelve la cadena eliminando todos los espacios en blanco
valueOf() Devuelve el valor primitivo de un String

Para acceder a un método de la clase String, basta con añadir despúes de la variable de tipo cadena un punto (.) y el método que vayamos a utilizar.

Copy to Clipboard

El alert del final del código que tenemos arriba nos mostraría el valor de la variable “strCadena” convirtiendo todos sus caracteres a mayúsculas.

4.6 (92.73%) 11 votes