No me acordaba que existía hasta que lo vi!

El post de hoy trata sobre javascript y jQuery; tal como dijimos en el título, vamos a ver funciones que generalmente están a mano y no usamos por estar acostumbrados a otras, o que alguna vez usamos pero por alguna razón no nos quedó en la ram de la cabeza para próximos usos.
La idea de este post es darte a conocer funciones de jQuery para usar de ahora en adelante!

grep

function(elementoDelArray, indiceEnArray):array

Nos devuelve un array con la función filtro aplicada.
Este método borra elementos del array que no cumplan con la condición de la función filtro.
La función filtro recibe 2 parámetros: el elemento corriente del array (el que se está “usando” en la iteración) y su índice. La función filtro devuelve “true” para incluir el item que está analizando en el array resultante.

makeArray

function(objeto):array

Convierte un objeto (convertible a array) en un array nativo de javascript. La ventaja de esta función es que devuelve un array nativo de js y no un objeto array-like que no permite el uso de algunas funciones propias del objeto en cuestión como .pop() o .reverse()

noop

function()

Podés usar esta función vacía cuando querés pasar como parámetro una función que no hace nada (si! no hace nada!). Es útil para quienes escriben plugins (por ejemplo) que ofrecen callbacks opcionales, para el caso en que no se quiere devolver ninguna función. Si tenés una función que acepta una función como parámetro y no querés pasarle nada como parámetro, podés pasar la función $.noop en lugar de pasar function(){}; de esta manera no se crea una nueva instancia de función (salvando memoria). Si te quedan dudas podés pasar por nuestro querido StackOverflow

unique

function(array):array

Esta función busca en el array de objetos, ordena el array y remueve los elementos duplicados. Un elemento es considerado duplicado si existe en el array un elemento exactamente igual (no es válido si tiene atributos iguales pero son elementos diferentes). Aclaración! esta función sólo funciona con arrays de elementos del DOM.

Caso vivido para que tengan en cuenta
Si ejecutamos el método html() de un selector y el html a insertar (en el selector) tiene atributos que no son “nativos” del selector que tiene el html, entonces no serán insertados!
Para verlo más claro, veamos un ejemplo:
Si quisieramos ejecutar:

$('#div').html("<span value="5" class="ui-div">Hello world!</span>");

Al ejecutar el método html del selector:

$('#div').html() //getter del html

Obtendremos como resultado un código como el siguiente:

"<span class="ui-div">Hello world!</span>"

Como se puede ver, el atributo “value” desapareció por no ser nativo del elemento span.

Saludos y hasta la próxima!

Share on FacebookTweet about this on TwitterShare on Google+

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *