欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

underscore之Collections_動力節(jié)點Java學(xué)院整理

 更新時間:2017年07月10日 10:15:58   作者:liaoxuefeng  
underscore為集合類對象提供了一致的接口。集合類是指Array和Object,暫不支持Map和Set。下面通過本文給大家分享underscore之Collections的相關(guān)知識,需要的的朋友參考下吧

underscore為集合類對象提供了一致的接口。集合類是指Array和Object,暫不支持Map和Set。

map/filter

和Array的map()與filter()類似,但是underscore的map()和filter()可以作用于Object。當(dāng)作用于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()操作的返回結(jié)果是Array?應(yīng)該是Object才合理??!把_.map換成_.mapObject再試試。

every / some

當(dāng)集合的所有元素都滿足條件時,_.every()函數(shù)返回true,當(dāng)集合的至少一個元素滿足條件時,_.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

當(dāng)集合是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';
  }
});
// 結(jié)果:
// {
//  A: [81, 91, 88, 99],
//  B: [75, 77, 66, 72],
//  C: [20, 40, 59]
// }

可見groupBy()用來分組是非常方便的。

shuffle / sample

shuffle()用洗牌算法隨機打亂一個集合:

'use strict';
// 注意每次結(jié)果都不一樣:
_.shuffle([1, 2, 3, 4, 5, 6]); // [3, 5, 4, 6, 2, 1]
sample()則是隨機選擇一個或多個元素:
'use strict';
// 注意每次結(jié)果都不一樣:
// 隨機選1個:
_.sample([1, 2, 3, 4, 5, 6]); // 2
// 隨機選3個:
_.sample([1, 2, 3, 4, 5, 6], 3); // [6, 1, 4]

相關(guān)文章

  • bootstrap和jQuery.Gantt的css沖突 如何解決

    bootstrap和jQuery.Gantt的css沖突 如何解決

    這篇文章主要介紹了bootstrap和jQuery.Gantt的css沖突,本文給出了解決沖突的解決方法,感興趣的小伙伴們可以參考一下
    2016-05-05
  • Javascript中判斷一個值是否為undefined的方法詳解

    Javascript中判斷一個值是否為undefined的方法詳解

    這篇文章給大家詳細(xì)介紹了在Javascript中如何判斷一個值是否為undefined,對大家的日常工作和學(xué)習(xí)很有幫助,下面來一起看看吧。
    2016-09-09
  • JavaScript中異步與回調(diào)的基本概念及回調(diào)地獄現(xiàn)象

    JavaScript中異步與回調(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實現(xiàn)音頻可視化效果

    基于Web Audio API實現(xiàn)音頻可視化效果

    這篇文章主要介紹了基于Web Audio API實現(xiàn)音頻可視化效果,本文通過實例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2020-06-06
  • vscode使用Prettier Code插件的詳細(xì)教程

    vscode使用Prettier Code插件的詳細(xì)教程

    這篇文章主要介紹了vscode使用Prettier Code插件的詳細(xì)教程,本文通過圖文實例相結(jié)合給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2021-09-09
  • 20個拿來就能用的JavaScript技巧分享

    20個拿來就能用的JavaScript技巧分享

    這篇文章主要來和大家一起探討一下20?種?JavaScript?技巧和竅門,每種技巧和竅門都有通俗易懂的示例,讓我們一起來提升你的?JavaScript?技能吧
    2023-10-10
  • 自己使用js/jquery寫的一個定制對話框控件

    自己使用js/jquery寫的一個定制對話框控件

    自己做一個通用的控件,雖然不是絕對通用啦,但在我這個項目里還是可以隨意調(diào)用的,思想的話也可以借鑒到別的項目中
    2014-05-05
  • JS小游戲之象棋暗棋源碼詳解

    JS小游戲之象棋暗棋源碼詳解

    這篇文章主要介紹了JS小游戲之象棋暗棋源碼詳解,對游戲源碼進行了較為詳細(xì)的分析,并附帶完整實例代碼供大家學(xué)習(xí)參考,需要的朋友可以參考下
    2014-09-09
  • ThingJS粒子特效一鍵實現(xiàn)雨雪效果

    ThingJS粒子特效一鍵實現(xiàn)雨雪效果

    在做3D項目時,我們經(jīng)常需要模擬下雨,下雪的天氣,有時也會模擬噴泉、著火等效果。這些效果需要使用名為粒子系統(tǒng)(particle)的技術(shù)來實現(xiàn)。使用ThingJS可以快速編寫粒子效果,本文就來看看如何實現(xiàn)
    2021-05-05
  • css+js完美控制圖片大小

    css+js完美控制圖片大小

    在做網(wǎng)站的時候,往往圖片的處理很重要,固定尺寸容易變形拉伸,不固定又會有不可預(yù)知的問題,有可能撐開頁面。
    2009-08-08

最新評論