[TOC] > [undersocre官網](http://www.bootcss.com/p/underscore/) > [undersocre.min.js 文件](https://underscorejs.org/underscore-min.js) > [lodash 新](https://lodash.com/docs/4.17.11) ## 優點 讓低版本瀏覽器支持 js 的高級函數 Array有map()和filter()方法，可是Object沒有這些方法。 ## 簡單實例 ``` /js 原生 var a1 = [1, 4, 9, 16]; var a2 = a1.map(Math.sqrt); // [1, 2, 3, 4] //underscore 寫法 _.map([1, 2, 3], (x) => x * x); // [1, 4, 9] ``` ## 數組與對象常用方法 ### map/filter ``` var obj = { name: 'bob', school: 'No.1 middle school', }; //如果對象只處理 value, 且返回是數組 var upper = _.map(obj, function (value,key) { return value+"2"; });//["bob2","No.1 middle school2"] //處理對象,且返回對象, 但也只能處理value var upper = _.mapObject(obj, function (value,key) { return value+"2"; });//{"name":"bob2","school":"No.1 middle school2"} ``` ### every / some ``` // 滿足所有條件返回 true 所有元素都大于0？ _.every([1, 4, 7, -3, -9], (x) => x > 0); // false // 有一個滿足 至少一個元素大于0？ _.some([1, 4, 7, -3, -9], (x) => x > 0); // true ``` ### max / min 獲取最大/最小的值 ``` var arr = [3, 5, 7, 9]; _.max(arr); // 9 _.min(arr); // 3 ``` ### groupBy - 按條件分組 ``` var scores = [20, 81, 75, 40, 91, 59, 77, 66, 72, 88, 99]; var groups = _.groupBy(scores, function (x) { if (x < 60) { return 'C'; } else if (x < 80) { return 'B'; } else { return 'A'; } }); // 結果: // { // A: [81, 91, 88, 99], // B: [75, 77, 66, 72], // C: [20, 40, 59] // } ``` ## findWhere 通過key:value查找 數組的某個對象 ``` var publicServicePulitzers=[ {name:"a",newsroom: "a"}, {name:"b",newsroom: "b"}, {name:"c",newsroom: "c"}, ] var a =_.findWhere(publicServicePulitzers, {newsroom: "b"}); ``` ## Arrays 常用函數 ### first / last ``` var arr = [2, 4, 6, 8]; _.first(arr); // 2 _.last(arr); // 8 ``` ### flatten ``` _.flatten([1, [2], [3, [[4], [5]]]]); // [1, 2, 3, 4, 5] ``` ### zip / unzip 兩個數組合并為`[[],[],...]`的數組 ``` //zip var names = ['Adam', 'Lisa', 'Bart']; var scores = [85, 92, 59]; _.zip(names, scores); // [['Adam', 85], ['Lisa', 92], ['Bart', 59]] //unzip var namesAndScores = [['Adam', 85], ['Lisa', 92], ['Bart', 59]]; _.unzip(namesAndScores); // [['Adam', 'Lisa', 'Bart'], [85, 92, 59]] ``` ### object 兩個數組合并為key-value 的對象 ``` var names = ['Adam', 'Lisa', 'Bart']; var scores = [85, 92, 59]; _.object(names, scores); // {Adam: 85, Lisa: 92, Bart: 59} ``` ### range 按開始,結束,間隔的參數 生成數組 ``` // 從0開始小于10: _.range(10); // [0, 1, 2, 3, 4, 5, 6, 7, 8, 9] // 從1開始小于11： _.range(1, 11); // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] // 從0開始小于30，步長5: _.range(0, 30, 5); // [0, 5, 10, 15, 20, 25] // 從0開始大于-10，步長-1: _.range(0, -10, -1); // [0, -1, -2, -3, -4, -5, -6, -7, -8, -9] ``` ## Chaining ``` var r = _.chain([1, 4, 9, 16, 25]) .map(Math.sqrt) .filter(x => x % 2 === 1) .value();//知道調用vlaue() 才返回值 ```