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 XML和string相互转化实现代码
Jul 04 Javascript
JS实现金额转换(将输入的阿拉伯数字)转换成中文的实现代码
Sep 30 Javascript
JQuery实现绚丽的横向下拉菜单
Dec 19 Javascript
15款最好的Bootstrap在线编辑器
Aug 03 Javascript
jquery对所有input type=text的控件赋值实现方法
Dec 02 Javascript
详解JavaScript的闭包、IIFE、apply、函数与对象
Dec 21 Javascript
mac上node.js环境的安装测试
Jul 03 Javascript
mongoose更新对象的两种方法示例比较
Dec 19 Javascript
vue webpack实用技巧总结
Apr 24 Javascript
微信小程序支付功能 php后台对接完整代码分享
Jun 12 Javascript
vuex+axios+element-ui实现页面请求loading操作示例
Feb 02 Javascript
微信小程序入门之指南针
Oct 22 Javascript
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
excellent!――ASCII Art(由目标图象生成ascii)
2007/02/20 PHP
PHP调试函数和日志记录函数分享
2015/01/31 PHP
自己写的php curl库实现整站克隆功能
2015/02/12 PHP
PHP Warning: Module 'modulename' already loaded in问题解决办法
2015/03/16 PHP
IE与firefox下Dhtml的一些区别小结
2009/12/02 Javascript
js实现网页标题栏闪烁提示效果实例分析
2014/11/20 Javascript
jQuery实现自定义右键菜单的树状菜单效果
2015/09/02 Javascript
Node.js中使用jQuery的做法
2016/08/17 Javascript
详解Angular的内置过滤器和自定义过滤器【推荐】
2016/12/26 Javascript
javascript添加前置0(补零)的几种方法
2017/01/05 Javascript
tablesorter.js表格排序使用方法(支持中文排序)
2017/02/10 Javascript
从零学习node.js之搭建http服务器(二)
2017/02/21 Javascript
Angular.js项目中使用gulp实现自动化构建以及压缩打包详解
2017/07/19 Javascript
写一个移动端惯性滑动&amp;回弹Vue导航栏组件 ly-tab
2018/03/06 Javascript
Vue 中mixin 的用法详解
2018/04/23 Javascript
Vue $emit $refs子父组件间方法的调用实例
2018/09/12 Javascript
python计算两个数的百分比方法
2018/06/29 Python
Python判断字符串是否为字母或者数字(浮点数)的多种方法
2018/08/03 Python
Python爬虫实现获取动态gif格式搞笑图片的方法示例
2018/12/24 Python
python字典改变value值方法总结
2019/06/21 Python
Pyorch之numpy与torch之间相互转换方式
2019/12/31 Python
pytorch 实现cross entropy损失函数计算方式
2020/01/02 Python
Selenium使用Chrome模拟手机浏览器方法解析
2020/04/10 Python
Django ORM filter() 的运用详解
2020/05/14 Python
详解KMP算法以及python如何实现
2020/09/18 Python
应届生.NET方向面试题
2015/05/23 面试题
求职者简历中的自我评价
2013/10/20 职场文书
2013英文求职信模板范文
2013/11/15 职场文书
开工庆典邀请函范文
2014/01/16 职场文书
2014年最新学校运动会广播稿
2014/09/17 职场文书
2014医学院领导班子对照检查材料思想汇报
2014/09/19 职场文书
乡镇遵守党的政治纪律情况对照检查材料
2014/09/26 职场文书
2014年化验员工作总结
2014/11/18 职场文书
2015年五一劳动节慰问信
2015/03/23 职场文书
《自己的花是让别人看的》教学反思
2016/02/19 职场文书
导游词之大雁塔景区
2019/09/17 职场文书