Mostrando entradas con la etiqueta filter. Mostrar todas las entradas
Mostrando entradas con la etiqueta filter. Mostrar todas las entradas

lunes, 16 de julio de 2012

jQuery: filter ul usando underscore.js

var todos = [];

$("ul li").each(function(index) {
   todos.push($(this).text());
});

$("#filter_def").keyup(function(){
    
    $("ul").html("");
   var srtSearch = $(this).val(); 

    var filtrados = _.filter(todos, function(txt){ return (new RegExp(srtSearch,'gi')).test(txt); });
    
    for(var i=0;i<filtrados.length;i++){
        $('ul').append('<li>'+filtrados[i]+'</li>');
    }

});

test rck:
http://jsfiddle.net/ric47121/Cvq4e/4/

miércoles, 6 de junio de 2012

UndersCore.js: map, filter, find (javascript como funcional)

/*
var res;

res = _.map([1, 2, 3], function(num){ return num * 3; });
console.log(res); //3,6,9

res = _.map({one : 1, two : 2, three : 3}, function(num, key){ return num * 3; });
console.log(res); //3,6,9
*/

/*------*/
var amigos = [{name: 'pepe',edad: 52},{name: 'ruben',edad: 12},{name: 'oscar',edad: 32}];

var amigosMayores = _.filter(amigos, function(p){ return p.edad > 18 })
console.log(amigosMayores); //pepe y oscar

var nombres = _.map(amigos, function(p){ return p.name })
console.log(nombres); //["pepe", "ruben", "oscar"] 
                                         
var pe = _.find(amigos, function(p){ return p.name == 'pepe'; });                                         
console.log(pe);

Test rck:
http://jsfiddle.net/ric47121/NPfQX/1/

Pagina Oficial:
http://documentcloud.github.com/underscore/

JavaScript: Programación Funcional - Filter

function filter(array, f) { var r = []; for (var i in array) { if (f(array[i])) { r.push(array[i]); } } return r; }


/*ejemplo 1*/
function par(x) {return x % 2 == 0} 
var res = filter([1,2,3,4,5], par);    
console.log(res)    //[2,4]

/*ejemplo 2*/
var amigos = [{name: 'pepe',edad: 52},{name: 'ruben',edad: 12},{name: 'oscar',edad: 32}];

    var amigosMayores = filter(amigos, function(p){
        return p.edad > 18
    })

    console.log(amigosMayores) //pepe y oscar


Test rck:
http://jsfiddle.net/j3x5K/1/

Fuente:
http://www.slideshare.net/leo.soto/javascript-funcional