您现在的位置是:首页 > Javascript
当前栏目
Collections
2023-02-18 15:29:02 时间
underscore为集合类对象提供了一致的接口。集合类是指Array和Object,暂不支持Map和Set。
map/filter
和Array
的map()
与filter()
类似,但是underscore的map()
和filter()
可以作用于Object。当作用于Object时,传入的函数为function (value, key)
,第一个参数接收value,第二个参数接收key:
'use strict';
var obj = {
name: 'bob',
school: 'No.1 middle school',
address: 'xueyuan road'
};
----
var upper = _.map(obj, function (value, key) {
return ???;
});
----
console.log(JSON.stringify(upper));
你也许会想,为啥对Object作map()
操作的返回结果是Array
?应该是Object才合理啊!把_.map
换成_.mapObject
再试试。
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:
'use strict';
var obj = {
name: 'bob',
school: 'No.1 middle school',
address: 'xueyuan road'
};
// 判断key和value是否全部是小写:
----
var r1 = _.every(obj, function (value, key) {
return ???;
});
var r2 = _.some(obj, function (value, key) {
return ???;
});
----
console.log('every key-value are lowercase: ' + r1 + '\nsome key-value are lowercase: ' + r2);
max / min
这两个函数直接返回集合中最大和最小的数:
'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由传入的函数返回:
'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]
更多完整的函数请参考underscore的文档:http://underscorejs.org/#collections
相关文章
- [javascript]解决多个版本的jquery库或者$冲突
- JavaScript 中 input 文件框选择图片并转为Base64字符串显示
- [javascript] 报错SecurityError: Failed to read the 'localStorage' property from 'Window': Access is denied for this document.
- [js]解决postMessage跨域、跨iframe消息传递
- [javascript] 全国省市县JSON/XML数据(包含台湾和海外国家一级)
- [javascript] 解决移动端手机浏览器软键盘遮挡输入框问题
- [PHP]json_encode中文JSON_UNESCAPED_UNICODE在php5.3返回null
- [javascript] 使用javascript实现webrtc视频聊天demo
- [javascript] vue和elementui中的键盘事件
- [javascript] 变量提升
- [javascript] ie下audio不支持一些媒体类型
- [javascript] ie下不支持incudes属性和方法
- [javascript] ES6模板字符串
- [javascript] strict模式严格模式
- [javascript]使用babel转换es6语法
- [js] js中的闭包以及特点
- javascript中js实现导出CSV文件功能
- javascript中js实现类似PHP的trim()函数效果
- 在线客服系统源码开发实战总结:动态加载js文件实现粘贴一段js的sdk代码,直接引入插件效果
- 前端vue2项目引入第三方js文件或者远程js文件并执行相应方法