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之可拖动的iframe效果代码
Aug 01 Javascript
js设置控件的隐藏与显示的两种方法
Aug 21 Javascript
信息页文内画中画广告js实现代码(文中加载广告方式)
Jan 03 Javascript
BootStrap文件上传样式超好看【持续更新】
May 10 Javascript
jQuery增加、删除及修改select option的方法
Aug 19 Javascript
jQuery中table数据的值拷贝和拆分
Mar 19 Javascript
vue组件Prop传递数据的实现示例
Aug 17 Javascript
详解Vuex中mapState的具体用法
Sep 28 Javascript
详解angular路由高亮之RouterLinkActive
Apr 28 Javascript
Bootstrap table 服务器端分页功能实现方法示例
Jun 01 Javascript
小程序实现密码输入框
Nov 16 Javascript
浅析JavaScript中的事件委托机制跟深浅拷贝
Jan 20 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
PHP远程连接MYSQL数据库非常慢的解决方法
2008/07/05 PHP
thinkphp命名空间用法实例详解
2015/12/30 PHP
PHP运用foreach神奇的转换数组(实例讲解)
2018/02/01 PHP
微信公众号开发之获取位置信息php代码
2018/06/13 PHP
关于jQuery中.attr()和.prop()的问题探讨
2013/09/06 Javascript
基于jquery插件制作左右按钮与标题文字图片切换效果
2013/11/07 Javascript
Javascript模拟加速运动与减速运动代码分享
2014/12/11 Javascript
jQuery日历插件datepicker用法详解
2016/03/03 Javascript
使用BootStrap实现表格隔行变色及hover变色并在需要时出现滚动条
2017/01/04 Javascript
详解Vue.js之视图和数据的双向绑定(v-model)
2017/06/23 Javascript
knockoutjs模板实现树形结构列表
2017/07/31 Javascript
JavaScript事件发布/订阅模式原理与用法分析
2018/08/21 Javascript
JS实现从对象获取对象中单个键值的方法示例
2019/06/05 Javascript
node crawler如何添加promise支持
2020/02/01 Javascript
[03:03]DOTA2校园争霸赛 济南城市决赛欢乐发奖活动
2013/10/21 DOTA
[03:23:49]2016.12.17日完美“圣”典全回顾
2016/12/19 DOTA
浅谈Python类里的__init__方法函数,Python类的构造函数
2016/12/10 Python
Golang与python线程详解及简单实例
2017/04/27 Python
Django 中间键和上下文处理器的使用
2019/03/17 Python
python查找重复图片并删除(图片去重)
2019/07/16 Python
Python Web框架之Django框架Model基础详解
2019/08/16 Python
详解Python time库的使用
2019/10/10 Python
浅谈python之自动化运维(Paramiko)
2020/01/31 Python
加拿大领先的优质厨具产品在线购物网站:Golda’s Kitchen
2017/11/17 全球购物
出纳员的岗位职责
2014/02/22 职场文书
教师中国梦演讲稿
2014/04/23 职场文书
村居抓节水倡议书
2014/05/19 职场文书
征兵宣传标语
2014/06/20 职场文书
学校工作推荐信范文
2014/07/11 职场文书
学习朴航瑛老师爱岗敬业先进事迹思想汇报
2014/09/17 职场文书
基层党员干部四风问题整改方向和措施
2014/09/25 职场文书
党员个人总结范文
2015/02/14 职场文书
何玥事迹观后感
2015/06/16 职场文书
pygame面向对象的飞行小鸟实现(Flappy bird)
2021/04/01 Python
Go语言应该什么情况使用指针
2021/07/25 Golang
阿里云服务器部署RabbitMQ集群的详细教程
2022/06/01 Servers