Métodos javascript

Resulta un poco difícil explicar lo que es un método en javascript sin un ejemplo práctico. La definición puede resultar demasiado técnica.

Así que vayamos a alguna cosa que nos pueda resultar familiar.

.alert() es un método del objeto window, .log() lo es del objeto console y .write() a su vez del objeto .document.

En realidad los hemos estado usando todo el tiempo sin saber que eran métodos.[vc_custom_heading text=»Algunas características de los métodos» use_theme_fonts=»yes» el_id=»seguirLeyendo»]Todos los objetos predefinidos por javascript que conozco tienen sus propios métodos.

Los métodos sirven para hacer acciones como una ventana emergente, modificar las propiedades de un objeto, añadir elementos a una lista, quitarlos, transformar un string en un número entero o decimal,…

Y lo que voy a decir ahora puede sorprenderos a no ser que ya dominéis de antemano otros lenguajes de programación.

Los strings, los números, los arrays y las variables de tipo fecha son en realidad objetos aunque nosotros los hayamos estado usando sin tenerlo en cuenta. Por lo tanto también tienen métodos.

Podemos crear nuestros objetos y nuestros propios métodos. Sin embargo javascript es un lenguaje basado en el uso de objetos y no en la creación de los mismos. ¡Por fortuna!

Si tienes curiosidad por ver como se programa un método lee las líneas a continuación.

Sino, pasa de largo pulsando el siguiente botón.

[button target=»_self» hover_type=»default» text=»Quiero profundizar y si no lo entiendo no me traumatizaré» link=»#profundizar»][button target=»_self» hover_type=»default» text=»No quiero complicarme la vida. Sólo quiero ver el resumen de métodos» link=»#verMetodos»][vc_custom_heading text=»Métodos para listas, strings y números» use_theme_fonts=»yes» el_id=»verMetodos»]Llegados a este punto ya estamos a punto para empezar a ver los distintos métodos que existen. Aunque debo advertirte primero:

Es necesario que domines los conceptos de sintaxis básica en JavaScript y de variables y tipos de variables. Si sientes que vas flojo mejor intenta repasar un poco.

Existen muchos métodos. No se trata de memorizarlos todos sino de entenderlos y aprender los indispensables. Cuando necesites alguno muy concreto te sonará el nombre y podrás googlearlos.[vc_custom_heading text=»Métodos numéricos» font_container=»tag:h3|text_align:left» use_theme_fonts=»yes»]En cuanto a métodos numéricos te recomendaría que anotes como importantes parseInt() y parseFloat().

parseInt() transforma un string en número entero. En caso de ser un texto como por ejemplo 5Kg nos devolvería el número 5.

parseFloat() hace lo mismo que parseInt pero en este caso con un número decimal.

[vc_custom_heading text=»Métodos para strings» font_container=»tag:h3|text_align:left» use_theme_fonts=»yes»]En mi lista personal de indispensables tengo anotado

indexOf(), lastIndexOf(), split(), slice(), substr()

indexOf() devuelve el primer elemento de un string que sea igual al valor indicado dentro del paréntesis. En caso de no encontrarlo devuelve -1.

lastIndexOf() hace lo mismo que indexOf() pero empezando por el final de un string

split() crea una lista de elementos a partir de un string separando los elementos por el carácter indicado dentro del paréntesis.

Slice(x, y) devuelve los y caracteres a partir de la posición x. Tener en cuenta que se empieza a contar que el primer carácter siempre ocupa la posición 0[vc_custom_heading text=»Métodos para arrays» font_container=»tag:h3|text_align:left» use_theme_fonts=»yes»]En mi lista personal de indispensables tengo anotado

length ,.join(), pop(), sort(), slice()

length es el más importante de todos. Devuelve el número de elementos de una lista. Es muy útil para devolver el último elemento de una lista o añadir un nuevo elemento en la última posición. Recordar que el primer elemento de una lista es 0 y que por lo tanto para acceder al último elemento de la lista tenemos que acceder a length-1.

join() junta todos los elementos de una lista separados por el carácter que indiquemos dentro del paréntesis (entre comillas porqué será un string)

pop() elimina el último elemento de una lista y hace que la lista quede disminuida en una posición su longitud.

sort() ordena alfabéticamente o numéricamente los elementos de una lista.

slice() tiene el mismo funcionamiento que el slice() de los strings pero aplicado a listas.

Existen muchísimos más métodos. Pero por hoy ya son suficientes. Para poder asimilar estos conceptos lo mejor que puedes hacer es abrir el sublime y empezar a probarlos uno tras otro observando su funcionalidad.

De nada sirve esta lectura o cualquier otra si no pasas a la acción. Lo sé, es un tema que puede causar un poco de somnolencia pero es importante como todos así que no hay excusas.

Si tienes dudas sobre algún método en concreto o hay alguno que forma parte de tu lista de indispensables dímelo en los comentarios![vc_text_separator title=»Quiero profundizar» css_animation=»bounceInLeft» border=»no»]

Creación MANUAL de un método javascript

Para los más valientes y curiosos diremos que un método es una propiedad de tipo función de un objeto.

Por ejemplo, dado un objeto de tipo persona podríamos definir el método .crecer() según la imagen anexa.

Como podéis observar en el nivel básico no se pide que seamos capaces de crear un método para un objeto porqué en realidad javascript no es un lenguaje pensado con este fin. Para eso ya tenemos a nuestro primo el java.

Fijaros que se ha hecho uso de dos conceptos no explicados todavía como son “this” y las funciones anónimas. Para esto todavía hay que aprender unos cuantos conceptos básicos importantes.[button target=»_self» hover_type=»default» text=»¡OK! Ir a ver los métodos» link=»#verMetodos»]¡Hola!

Querido lector,

¡Si te ha gustado este contenido te animo a seguirme en mi perfil de empresa de Linkedin!