56、JavaScript underscore Collections

underscore为集合类对象提供了一致的接口。集合类是指Array和Object,暂不支持Map和Set。

 

map/filter

和Array的map()与filter()类似,但是underscore的map()和filter()可以作用于Object。当作用于Object时,传入的函数为function (value, key),第一个参数接收value,第二个参数接收key:

  1. 'use strict';
  2. var obj = {
  3. name: 'bob',
  4. school: 'No.1 middle school',
  5. address: 'xueyuan road'
  6. };
  7. var upper = _.map(obj, function (value, key) {
  8. return ???;
  9. });
  10. alert(JSON.stringify(upper));

 

你也许会想,为啥对Object作map()操作的返回结果是Array?应该是Object才合理啊!把_.map换成_.apObject再试试。

 

every / some

当集合的所有元素都满足条件时,_.every()函数返回true,当集合的至少一个元素满足条件时,_.some()函数返回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:

  1. 'use strict';
  2. var obj = {
  3. name: 'bob',
  4. school: 'No.1 middle school',
  5. address: 'xueyuan road'
  6. };
  7. // 判断key和value是否全部是小写:
  8. var r1 = _.every(obj, function (value, key) {
  9. return ???;
  10. });
  11. var r2 = _.some(obj, function (value, key) {
  12. return ???;
  13. });
  14. alert('every key-value are lowercase: ' + r1 + '\nsome key-value are lowercase: ' + r2);

 

max / min

这两个函数直接返回集合中最大和最小的数:

  1. 'use strict';
  2. var arr = [3, 5, 7, 9];
  3. _.max(arr); // 9
  4. _.min(arr); // 3
  5. // 空集合会返回-Infinity和Infinity,所以要先判断集合不为空:
  6. _.max([])
  7. -Infinity
  8. _.min([])
  9. Infinity

 

注意,如果集合是Object,max()和min()只作用于value,忽略掉key:

  1. 'use strict';
  2. _.max({ a: 1, b: 2, c: 3 }); // 3

 

groupBy

groupBy()把集合的元素按照key归类,key由传入的函数返回:

  1. 'use strict';
  2. var scores = [20, 81, 75, 40, 91, 59, 77, 66, 72, 88, 99];
  3. var groups = _.groupBy(scores, function (x) {
  4. if (x < 60) {
  5. return 'C';
  6. else if (x < 80) {
  7. return 'B';
  8. else {
  9. return 'A';
  10. }
  11. });
  12. // 结果:
  13. // {
  14. // A: [81, 91, 88, 99],
  15. // B: [75, 77, 66, 72],
  16. // C: [20, 40, 59]
  17. // }

可见groupBy()用来分组是非常方便的。

 

shuffle / sample

shuffle()用洗牌算法随机打乱一个集合:

  1. 'use strict';
  2. // 注意每次结果都不一样:
  3. _.shuffle([1, 2, 3, 4, 5, 6]); // [3, 5, 4, 6, 2, 1]
  4. sample()则是随机选择一个或多个元素:
  5. 'use strict';
  6. // 注意每次结果都不一样:
  7. // 随机选1个:
  8. _.sample([1, 2, 3, 4, 5, 6]); // 2
  9. // 随机选3个:
  10. _.sample([1, 2, 3, 4, 5, 6], 3); // [6, 1, 4]

 

更多完整的函数请参考underscore的文档:http://underscorejs.org/#collections

 

JavaScript Collections

付杰
  • ¥ 58.0元
  • 市场价:58.0元
  • ¥ 68.0元
  • 市场价:128.0元
  • ¥ 189.0元
  • 市场价:269.0元
  • ¥ 69.0元
  • 市场价:69.0元

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: