<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>集合Collections</title> <script type="text/javascript" src="underscore.js"></script> <script type="text/javascript"> // each函数,对数组里的每个元素,进行处理,返回原来数组 console.log("each函数"); _.each([1, 2, 3], function(value, key){ console.log(value); console.log(key); }); _.each({one: 1, two: 2, three: 3},function(value, key){ console.log(value); console.log(key); }); // map函数,对数组里的每个元素,进行处理,返回处理过的数组 console.log("map函数"); var new_arr = _.map([1, 2, 3], function(num){ return num * 3; }); console.log(new_arr); var new_arr = _.map({one: 1, two: 2, three: 3}, function(num, key){ return num * 3; }); console.log(new_arr); // reduce函数,第三个参数是memo值,返回的是处理过的memo值 console.log("reduce函数"); var sum = _.reduce([1, 2, 3], function(memo, num){ return memo + num; }, 1); console.log(sum); // reduceRight函数,功能同reduce函数 var list = [[0, 1], [2, 3], [4, 5]]; var flat = _.reduceRight(list, function(a, b) { return a.concat(b); }, []); console.log("reduceRight函数"); console.log(flat); // even函数,找到匹配的元素,函数将立即返回,不会遍历 var even = _.find([1, 2, 3, 4, 5, 6], function(num){ return num % 2 == 0; }); console.log("find函数"); console.log(even); // filter函数,找到匹配的元素,会遍历 var evens = _.filter([1, 2, 3, 4, 5, 6], function(num){ return num % 2 == 0; }); console.log("filter函数"); console.log(evens); // where函数,找到匹配的对象,包括key和value。找不到返回[] var listOfPlays = [{title: "Cymbeline", author: "Shakespeare", year: 1611}, {title: "The Tempest", author: "Shakespeare", year: 1611}, {title: "The Tempest", author: "Shakespeare", year2: 1611}, {title: "The Tempest", author2: "Shakespeare", year: 1611}, {title: "The Tempest", author: "not", year: 1611}, {title: "The Tempest", author: "Shakespeare", year: 1612} ]; var new_list = _.where(listOfPlays, {author: "Shakespeare", year: 1611}); var new_list2 = _.where(listOfPlays, {author: "Shakespeare333", year: 1611}); console.log("where函数"); console.log(new_list); console.log(new_list2); // findWhere函数,找到第一个匹配的对象,包括key和value,马上返回。找不到返回undefined var listOfPlays = [{title: "Cymbeline", author: "Shakespeare", year: 1611}, {title: "The Tempest", author: "Shakespeare", year: 1611}, {title: "The Tempest", author: "Shakespeare", year2: 1611}, {title: "The Tempest", author2: "Shakespeare", year: 1611}, {title: "The Tempest", author: "not", year: 1611}, {title: "The Tempest", author: "Shakespeare", year: 1612} ]; var new_list = _.findWhere(listOfPlays, {author: "Shakespeare", year: 1611}); var new_list2 = _.findWhere(listOfPlays, {author: "Shakespeare222", year: 1611}); console.log("findWhere函数"); console.log(new_list); console.log(new_list2); // reject函数,和filter函数相反 var odds = _.reject([1, 2, 3, 4, 5, 6], function(num){ return num % 2 == 0; }); console.log("reject函数") console.log(odds); // every函数,如果每个函数都正确匹配,返回true,否则返回false var evens = _.every([1, 2, 3, 4, 5, 6], function(num){ return num % 2 == 0; }); console.log("every函数"); console.log(evens); var evens = _.every([2, 4, 6], function(num){ return num % 2 == 0; }); console.log(evens); // some函数,只要有一个匹配正确,就返回true var evens = _.some([1, 2, 3, 4, 5, 6], function(num){ return num % 2 == 0; }); console.log("some函数"); console.log(evens); // contains函数,也是只要有一个匹配正确,就返回true var containFlag = _.contains([1, 2, 3], 3); console.log("contains函数"); console.log(containFlag); // invoke函数,每个元素调用指定方法。和map方法不同之处在于,map是当作参数,而invoke是当做函数调用主体 var new_arr = _.invoke([[5, 1, 7], [3, 2, 1]], 'sort'); console.log("invoke函数"); console.log(new_arr); // pluck函数,返回对象数组里,指定key的value var stooges = [{name: 'moe', age: 40}, {name: 'larry', age: 50}, {name: 'curly', age: 60}]; var new_arr = _.pluck(stooges, 'name'); console.log("pluck函数"); console.log(new_arr); // max函数,筛选出拥有某个最大key指定的value,的对象 var stooges = [{name: 'moe', age: 40}, {name: 'larry', age: 50}, {name: 'curly', age: 60}]; var max = _.max(stooges, function(stooge){ return stooge.age; }); console.log("max函数"); console.log(max); console.log(_.max([1,2,3,4])); // min函数,作用和max函数相反 console.log("min函数"); console.log(_.min([1,2,3,4])); // sortBy,排序 console.log("sortBy函数"); console.log(_.sortBy([1, 2, 3, 4, 5, 6], function(num){ return Math.sin(num); })); // groupBy函数,分组 console.log("groupBy函数"); console.log( _.groupBy([1.3, 2.1, 2.4], function(num){ return Math.floor(num); }) ); console.log( _.groupBy(['one', 'two', 'three'], 'length') ); // indexBy函数,主要用于数组对象,作用和groupBy类似。如果key不是唯一,后面的key会覆盖前一个key。 var stooges = [{name: 'moe', age: 40}, {name: 'larry', age: 50}, {name: 'curly', age: 60}, {"name":'sam',age:50}]; console.log( _.indexBy(stooges, 'age') ); // countBy,有条件的统计 console.log("countBy函数"); console.log( _.countBy([1, 2, 3, 4, 5], function(num) { return num % 2 == 0 ? 'even': 'odd'; }) ); // shuffle 乱序 console.log("shuffle函数"); console.log( _.shuffle([1, 2, 3, 4, 5, 6]) ); // sample,返回一个指定的随机范围 console.log("sample函数"); console.log( _.sample([1,2,3,4,5,6],3) ); // size, 返回list长度 console.log("size函数"); console.log( _.size({one: 1, two: 2, three: 3}) ); // partition,将一个数组拆分成两个数组,按条件 console.log("partition函数"); console.log( _.partition([0, 1, 2, 3, 4, 5], function(value){ return (value>2); }) ); </script> </head> <body> </body> </html>