underscore之Collections_動力節(jié)點Java學院整理
underscore為集合類對象提供了一致的接口。集合類是指Array和Object，暫不支持Map和Set。
map/filter
和Array的map()與filter()類似，但是underscore的map()和filter()可以作用于Object。當作用于Object時，傳入的函數(shù)為function (value, key)，第一個參數(shù)接收value，第二個參數(shù)接收key：
'use strict';
var obj = {
name: 'bob',
school: 'No.1 middle school',
address: 'xueyuan road'
};
var upper = _.map(obj, function (value, key) {
return value;
});
alert(JSON.stringify(upper));
你也許會想，為啥對Object作map()操作的返回結果是Array？應該是Object才合理??！把_.map換成_.mapObject再試試。
every / some
當集合的所有元素都滿足條件時，_.every()函數(shù)返回true，當集合的至少一個元素滿足條件時，_.some()函數(shù)返回true：
'use strict'; // 所有元素都大于0？ _.every([1, 4, 7, -3, -9], (x) => x > 0); // false // 至少一個元素大于0？ _.some([1, 4, 7, -3, -9], (x) => x > 0); // true
當集合是Object時，我們可以同時獲得value和key：
'use strict';
var obj = {
name: 'bob',
school: 'No.1 middle school',
address: 'xueyuan road'
};
// 判斷key和value是否全部是小寫：
var r1 = _.every(obj, function (value, key) {
return value;
});
var r2 = _.some(obj, function (value, key) {
return value;
});
alert('every key-value are lowercase: ' + r1 + '\nsome key-value are lowercase: ' + r2);
max / min
這兩個函數(shù)直接返回集合中最大和最小的數(shù)：
'use strict'; var arr = [3, 5, 7, 9]; _.max(arr); // 9 _.min(arr); // 3 // 空集合會返回-Infinity和Infinity，所以要先判斷集合不為空： _.max([]) -Infinity _.min([]) Infinity
注意，如果集合是Object，max()和min()只作用于value，忽略掉key：
'use strict';
_.max({ a: 1, b: 2, c: 3 }); // 3
groupBy
groupBy()把集合的元素按照key歸類，key由傳入的函數(shù)返回：
'use strict';
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]
// }
可見groupBy()用來分組是非常方便的。
shuffle / sample
shuffle()用洗牌算法隨機打亂一個集合：
'use strict'; // 注意每次結果都不一樣： _.shuffle([1, 2, 3, 4, 5, 6]); // [3, 5, 4, 6, 2, 1] sample()則是隨機選擇一個或多個元素： 'use strict'; // 注意每次結果都不一樣： // 隨機選1個： _.sample([1, 2, 3, 4, 5, 6]); // 2 // 隨機選3個： _.sample([1, 2, 3, 4, 5, 6], 3); // [6, 1, 4]
相關文章
在日常開發(fā)中,我們經(jīng)常需要將時間格式化為用戶友好的形式,本文將介紹如何在 TypeScript 中封裝一個通用的時間格式化方法,需要的可以了解下2025-02-02
JS中call(),apply(),bind()函數(shù)的區(qū)別與用法詳解
這篇文章主要介紹了JS中call(),apply(),bind()函數(shù)的高級用法詳解,需要的朋友可以參考下2022-12-12
layui數(shù)據(jù)表格實現(xiàn)重載數(shù)據(jù)表格功能(搜索功能）
這篇文章主要介紹了layui數(shù)據(jù)表格實現(xiàn)重載數(shù)據(jù)表格功能，以搜索功能為例進行講解，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
JavaScript棧和隊列相關操作與實現(xiàn)方法詳解
這篇文章主要介紹了JavaScript棧和隊列相關操作與實現(xiàn)方法,結合實例形式較為詳細的分析了javascript棧和隊列的概念、原理、定義、用法及相關操作注意事項,需要的朋友可以參考下2018-12-12
這篇文章主要介紹了JS計算中獎概率實現(xiàn)抽獎的方法，對算法感興趣的同學，可以參考下2021-05-05
javascript實現(xiàn)百度地圖鼠標滑動事件顯示、隱藏
這篇文章主要介紹了javascript實現(xiàn)百度地圖鼠標滑動事件顯示、隱藏的思路和方法，十分的實用，這里推薦給小伙伴們，有需要的朋友可以參考下。2015-04-04
本文給大家分享的是使用javascript實現(xiàn)身份驗證的規(guī)則以及代碼，非常的簡單實用，有需要的小伙伴可以參考下。2016-02-02
下面小編就為大家?guī)硪黄猨s實現(xiàn)頁面跳轉的幾種方法小結。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考，一起跟隨小編過來看看吧2016-05-05
JavaScript在Android的WebView中parseInt函數(shù)轉換不正確問題解決方法
這篇文章主要介紹了JavaScript在Android的WebView中parseInt函數(shù)轉換不正確問題解決方法,因轉換的字符串數(shù)字都以0開頭,導致parseInt函數(shù)在瀏覽器和Android WebView中轉換結果不一樣,本文給出了解決方法,需要的朋友可以參考下2015-04-04
枚舉JavaScript對象的函數(shù)...2006-12-12