resumen métodos javascritp

Métodos javascript

Print Friendly, PDF & Email
Métodos javascript
Valora esta entrada
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.

Entradas relacionadas:

Ejercicio – El pokemon corredor
- 32
Ejercicio con solución dónde se usa setInterval y el posicionamiento relativo y absoluto de una caja html. Serie de ejercicios javascript.
Ejercicio – Crear una lista de recordatorios
- 57
Ejercicio javascript solucionado para crear una lista de recordatorios y que es capaz de resetear todos los nodos. Apuntes de clase.
Javascript: Estructura básica de un script
- 802
¿Qué es programar? Programar es indicar a una máquina que siga un conjunto ordenado de instrucciones. Es una acción cotidiana que realizamos sin apercibirnos cuando seguimos una receta de cocina. Y si...
Ejercicio JS – Salva pantallas primitivo con javascript
- 30
Ejercicio de salvapantallas primitivo creado con javascript básico y sin usar la etiqueta canvas. Incluye solución.
Ejercicio – ¿En qué día de la semana estamos?
- 67
Problema javascript que devuelve en formato texto el día de la semana en el que esamos. Incluye 2 posibles soluciones con switch() y array.
Ejercicio – Cálculo del perímetro de un rectángulo mediante funciones
- 87
Ejercicio en el que se práctica de modo fácil la lógica de programación mediante el uso de funciones declaradas en JS.
Ejercicio – Generación de una fecha personalizada mediante javascript
- 66
Ejercicio javascript dónde se trabaja con fechas y los métodos para fechas con el objetivo de crear fechas con formato personalizado.
Crear, modificar, eliminar y detectar cookies con Javascript
- 808
En esta entrada explicamos los tipos de cookies que existen y mostramos una biblioteca de funciones que nos permite crear, modificar, eliminar y detectar cookies con javscript.
Ejercicio – ¿Qué hora es? Programación de un reloj muy sencillo en JS
- 85
Ejemplo de programación de un script que devuelve una hora con formato personalizado hh:mm:ss.
Resumen de como comentar código en html, css y javascript
- 318
En las fases iniciales de aprender html, css y javascript nos vemos abrumados por tanta información. Con la entrada de hoy hacemos un resumen sobre como comentar código en los principales lenguajes de...
Francesc Ricart
hola@francescricart.com

Soy un ingeniero industrial a quién le apasiona aprender y enseñar. En el mundo del marketing online he encontrado una de mis pasiones. Ejerzo como docente ocupacional y privado para empresas. Y también hago consultoría web para PIMES, autónomos y otros emprendedores como yo. Ayudo a las empresas en cualquier temática relacionada con su presencia digital y herramientas web. Aunque mi especialidad es el posicionamiento en buscadores (SEO). A nivel de formación lo que más feliz me hace es que un alumno haga de mi pasión una forma de vida y le ayude a encontrar trabajo. A nivel de negocios ayudo a empresarios a desenvolverse con soltura en el mundo digital y les animo a hacer cada vez más cosas que nunca hubieran imaginado que ellos también podían hacer. En este camino les ayudo haciendo todo aquello dónde ellos no llegan y crecemos juntos. 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.