underscore之Collections_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
underscore為集合類對(duì)象提供了一致的接口。集合類是指Array和Object,暫不支持Map和Set。
map/filter
和Array的map()與filter()類似,但是underscore的map()和filter()可以作用于Object。當(dāng)作用于Object時(shí),傳入的函數(shù)為function (value, key),第一個(gè)參數(shù)接收value,第二個(gè)參數(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));
你也許會(huì)想,為啥對(duì)Object作map()操作的返回結(jié)果是Array?應(yīng)該是Object才合理啊!把_.map換成_.mapObject再試試。
every / some
當(dāng)集合的所有元素都滿足條件時(shí),_.every()函數(shù)返回true,當(dāng)集合的至少一個(gè)元素滿足條件時(shí),_.some()函數(shù)返回true:
'use strict'; // 所有元素都大于0? _.every([1, 4, 7, -3, -9], (x) => x > 0); // false // 至少一個(gè)元素大于0? _.some([1, 4, 7, -3, -9], (x) => x > 0); // true
當(dāng)集合是Object時(shí),我們可以同時(shí)獲得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
這兩個(gè)函數(shù)直接返回集合中最大和最小的數(shù):
'use strict'; var arr = [3, 5, 7, 9]; _.max(arr); // 9 _.min(arr); // 3 // 空集合會(huì)返回-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'; } }); // 結(jié)果: // { // A: [81, 91, 88, 99], // B: [75, 77, 66, 72], // C: [20, 40, 59] // }
可見groupBy()用來(lái)分組是非常方便的。
shuffle / sample
shuffle()用洗牌算法隨機(jī)打亂一個(gè)集合:
'use strict'; // 注意每次結(jié)果都不一樣: _.shuffle([1, 2, 3, 4, 5, 6]); // [3, 5, 4, 6, 2, 1] sample()則是隨機(jī)選擇一個(gè)或多個(gè)元素: 'use strict'; // 注意每次結(jié)果都不一樣: // 隨機(jī)選1個(gè): _.sample([1, 2, 3, 4, 5, 6]); // 2 // 隨機(jī)選3個(gè): _.sample([1, 2, 3, 4, 5, 6], 3); // [6, 1, 4]
相關(guān)文章
bootstrap和jQuery.Gantt的css沖突 如何解決
這篇文章主要介紹了bootstrap和jQuery.Gantt的css沖突,本文給出了解決沖突的解決方法,感興趣的小伙伴們可以參考一下2016-05-05Javascript中判斷一個(gè)值是否為undefined的方法詳解
這篇文章給大家詳細(xì)介紹了在Javascript中如何判斷一個(gè)值是否為undefined,對(duì)大家的日常工作和學(xué)習(xí)很有幫助,下面來(lái)一起看看吧。2016-09-09JavaScript中異步與回調(diào)的基本概念及回調(diào)地獄現(xiàn)象
這篇文章主要介紹了JavaScript中異步與回調(diào)的基本概念,以及回調(diào)地獄現(xiàn)象,本文主要介紹了異步和回調(diào)的基本概念,二者是JavaScript的核心內(nèi)容,需要所有熱愛JS的小伙伴深入了解,需要的朋友可以參考下2022-07-07基于Web Audio API實(shí)現(xiàn)音頻可視化效果
這篇文章主要介紹了基于Web Audio API實(shí)現(xiàn)音頻可視化效果,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-06-06vscode使用Prettier Code插件的詳細(xì)教程
這篇文章主要介紹了vscode使用Prettier Code插件的詳細(xì)教程,本文通過圖文實(shí)例相結(jié)合給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-09-0920個(gè)拿來(lái)就能用的JavaScript技巧分享
這篇文章主要來(lái)和大家一起探討一下20?種?JavaScript?技巧和竅門,每種技巧和竅門都有通俗易懂的示例,讓我們一起來(lái)提升你的?JavaScript?技能吧2023-10-10自己使用js/jquery寫的一個(gè)定制對(duì)話框控件
自己做一個(gè)通用的控件,雖然不是絕對(duì)通用啦,但在我這個(gè)項(xiàng)目里還是可以隨意調(diào)用的,思想的話也可以借鑒到別的項(xiàng)目中2014-05-05ThingJS粒子特效一鍵實(shí)現(xiàn)雨雪效果
在做3D項(xiàng)目時(shí),我們經(jīng)常需要模擬下雨,下雪的天氣,有時(shí)也會(huì)模擬噴泉、著火等效果。這些效果需要使用名為粒子系統(tǒng)(particle)的技術(shù)來(lái)實(shí)現(xiàn)。使用ThingJS可以快速編寫粒子效果,本文就來(lái)看看如何實(shí)現(xiàn)2021-05-05