JavaScript lodash常见用法系列小结


Posted in Javascript onAugust 24, 2016

lodash一开始是Underscore.js库的一个fork,因为和其他(Underscore.js的)贡献者意见相左。John-David Dalton的最初目标,是提供更多“一致的跨浏览器行为……,并改善性能”。之后,该项目在现有成功的基础之上取得了更大的成果,并于一月份发布了3.0版本。

下面给大家说下javascript lodash知识,具体详情如下所示:

1 _.compact用法

_.compact([0, 1, false, 2, '', 3,'mm']); 
var test = _.compact([-1,0, 1, false, 2, '', 3,'jj']);
console.log(test);
----1,1,2,3,jj//输出 没有 0 false 空格

2_.different用法

var test = _.difference([1, 2, 3, 4, 5], [5, 2, 10]);
console.log(test);
1,3,4//输出结果 是输出第一个数组有第二个数组没有

3_.find用法

var characters = [
{ 'name': 'barney', 'age': 36, 'blocked': false },
{ 'name': 'fred', 'age': 40, 'blocked': true },
{ 'name': 'pebbles', 'age': 1, 'blocked': false }
];
_.find(characters, function(chr) {
console.log(chr.age);
return chr.age < 40;
});查找
for (var n = 0; n < activities.length; n++) { 
if (activities[n].name == bidList[0].activityName) { 
//(中间代码省略)中间假设是对循环找到的活动的对象中的一个属性进行改动,比如status,将它的值改为0; 
} 
用_.find方法替换
_.find(activities,function(activity){ return activity.name == bidList[0].activityName}).status = 0; //这样我们就通过find找到对应的对象并进行改值

4 用map 去除一些for循环

var a = [0,1,2,3,4] 
for (var i = 0;i < a.length;i++){ 
a[i] = a[i]+1; 
}

替换以后

_.map(a,function(num){ 
return num = num + 1; 
})

5 替换for以后 就替换 if

var a; 
if(activities.length){ 
a = 1; 
} 
if(!activities.legth){ 
a = 0; 
}

替换以后

var a = activities.length ? 1 : 0;

以上所述是小编给大家介绍的JavaScript lodash常见用法系列小结,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JavaScript与DOM组合动态创建表格实例
Dec 23 Javascript
BootStrap+Mybatis框架下实现表单提交数据重复验证
Mar 23 Javascript
js Dom实现换肤效果
Oct 21 Javascript
jquery ajaxfileupload异步上传插件
Nov 21 jQuery
js的对象与函数详解
Jan 21 Javascript
微信小程序swiper禁止用户手动滑动代码实例
Aug 23 Javascript
解决axios post 后端无法接收数据的问题
Oct 29 Javascript
微信小程序scroll-view锚点链接滚动跳转功能
Dec 12 Javascript
JS highcharts动态柱状图原理及实现
Oct 16 Javascript
Vue表单提交点击事件只允许点击一次的实例
Oct 23 Javascript
微信小程序实现首页弹出广告
Dec 03 Javascript
Vue ​v-model相关知识总结
Jan 28 Vue.js
EasyUI的doCellTip实现鼠标放到单元格上提示单元格内容
Aug 24 #Javascript
JS实现获取当前URL和来源URL的方法
Aug 24 #Javascript
Bootstrap和Angularjs配合自制弹框的实例代码
Aug 24 #Javascript
总结Javascript中的隐式类型转换
Aug 24 #Javascript
jQuery实现的自适应焦点图效果完整实例
Aug 24 #Javascript
BootStrap+Angularjs+NgDialog实现模式对话框
Aug 24 #Javascript
JS for...in 遍历语句用法实例分析
Aug 24 #Javascript
You might like
Smarty模板快速入门
2007/01/04 PHP
防止用户利用PHP代码DOS造成用光网络带宽
2011/03/01 PHP
mcrypt启用 加密以及解密过程详细解析
2013/08/07 PHP
PHPer 需要了解的 5 个 Composer 小技巧
2014/08/18 PHP
thinkPHP使用post方式查询时分页失效的解决方法
2015/12/09 PHP
PHP实现时间比较和时间差计算的方法示例
2017/07/24 PHP
通过PHP实现获取访问用户IP
2020/05/09 PHP
JavaScript 对象的属性和方法4种不同的类型
2010/03/19 Javascript
jquery ajax修改全局变量示例代码
2013/11/08 Javascript
jquery实现将获取的颜色值转换为十六进制形式的方法
2014/12/20 Javascript
第四章之BootStrap表单与图片
2016/04/25 Javascript
AngularJS入门教程之REST和定制服务详解
2016/08/19 Javascript
使用bootstrap validator的remote验证代码经验分享(推荐)
2016/09/21 Javascript
详解AngularJS中$filter过滤器使用(自定义过滤器)
2017/02/04 Javascript
jQuery分页插件jquery.pagination.js使用方法解析
2017/02/09 Javascript
详解Vue2 SSR 缓存 Api 数据
2017/11/20 Javascript
JavaScript Array对象使用方法解析
2019/09/24 Javascript
vue.js实现只能输入数字的输入框
2019/10/19 Javascript
js调用网络摄像头的方法
2020/12/05 Javascript
javascript 数组(list)添加/删除的实现
2020/12/17 Javascript
python提示No module named images的解决方法
2014/09/29 Python
python开发之基于thread线程搜索本地文件的方法
2015/11/11 Python
使用python 和 lint 删除项目无用资源的方法
2017/12/20 Python
Python实现基于TCP UDP协议的IPv4 IPv6模式客户端和服务端功能示例
2018/03/22 Python
python中的不可变数据类型与可变数据类型详解
2018/09/16 Python
python使用Plotly绘图工具绘制散点图、线形图
2019/04/02 Python
OpenCV-Python 摄像头实时检测人脸代码实例
2019/04/30 Python
Python爬虫库requests获取响应内容、响应状态码、响应头
2020/01/25 Python
python和js交互调用的方法
2020/06/23 Python
Champion官网:美国冠军运动服装
2017/01/25 全球购物
Opodo意大利:欧洲市场上领先的在线旅行社
2019/10/24 全球购物
家庭教育先进个人事迹材料
2014/01/24 职场文书
医药销售求职信范文
2014/02/01 职场文书
毛主席纪念堂观后感
2015/06/17 职场文书
中国梦党课学习心得体会
2016/01/05 职场文书
python DataFrame中stack()方法、unstack()方法和pivot()方法浅析
2022/04/06 Python