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

發(fā)布時間：2020-10-10 19:39:33 來源：腳本之家閱讀：111 作者：liaoxuefeng 欄目：web開發(fā)

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()操作的返回結(jié)果是Array？應(yīng)該是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';
  }
});
// 結(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]

向AI問一下細節(jié)

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

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標簽