resumen métodos javascritp

Métodos javascript

Print Friendly, PDF & Email
Métodos javascript
5 (100%) 1 voto

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.

Algunas características de los métodos

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.

esqueleto en huesos
Los métodos son un hueso duro. Coge el sublime y a escribir...sólo leyendo no lo vas a entender.

Métodos para listas, strings y números

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.

Métodos numéricos

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.

métodos numéricos javascript
Resumen de métodos numéricos javascript
Métodos javascript para strings
Métodos javascript para strings

Métodos para strings

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

Métodos para arrays

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.

resumen métodos JS arrays
Resumen de métodos para arrays (arreglos) en javascript.

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!

Quiero profundizar

Creación MANUAL de un método javascript

Ejemplo de método javascript personalizado
Ejemplo de método javascript personalizado

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.

Francesc Ricart
hola@francescricart.com

Aprender y enseñar. Enseñar y aprender. En el ámbito docente soy docente ocupacional. En el ámbito profesional consultor web. Ofrezco servicios de mejora continua y mantenimiento web. ¿Qué quieres aprender hoy? Encontraréis más acerca de mi en la página sobre mi

No hay comentarios

Escribir un comentario

  Acepto la política de privacidad

Responsable: FRANCESC RICART MUÑOZ.

Finalidad: Gestionar los comentarios que realizas en este blog.

Destinatarios: No se cederán datos a terceros, salvo obligación legal.

Derechos: Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la política de privacidad.