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 相关文章推荐
jQuery Tips 为AJAX回调函数传递额外参数的方法
Dec 28 Javascript
jQuery之排序组件的深入解析
Jun 19 Javascript
jQuery表单对象属性过滤选择器实例详解
Sep 13 Javascript
Javascript 获取鼠标当前的位置实现方法
Oct 27 Javascript
简单谈谈JS中的正则表达式
Sep 11 Javascript
JS实现的简单四则运算计算器功能示例
Sep 27 Javascript
js前端导出Excel的方法
Nov 01 Javascript
vue数据操作之点击事件实现num加减功能示例
Jan 19 Javascript
vue实现滑动切换效果(仅在手机模式下可用)
Jun 29 Javascript
JS实现拼图游戏
Jan 29 Javascript
js+h5 canvas实现图片验证码
Oct 11 Javascript
js实现自动锁屏功能
Jun 02 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&amp;java(一)
2006/10/09 PHP
php有效防止同一用户多次登录
2015/11/19 PHP
Yii框架组件和事件行为管理详解
2016/05/20 PHP
Laravel框架实现model层的增删改查(CURD)操作示例
2018/05/12 PHP
浅谈php常用的7大框架的优缺点
2020/07/20 PHP
列表内容的选择
2006/06/30 Javascript
关于Javascript作用域链的八点总结
2013/12/06 Javascript
javascript自动给文本url地址增加链接的方法分享
2014/01/20 Javascript
javascript匿名函数应用示例介绍
2014/03/07 Javascript
javascript中call apply 的应用场景
2015/04/16 Javascript
jquery checkbox无法用attr()二次勾选问题的解决方法
2016/07/22 Javascript
EditPlus中的正则表达式 实战(4)
2016/12/15 Javascript
Vue自定义指令拖拽功能示例
2017/02/17 Javascript
angular2+node.js express打包部署的实战
2017/07/27 Javascript
js断点调试心得分享(必看篇)
2017/12/08 Javascript
node学习笔记之读写文件与开启第一个web服务器操作示例
2019/05/29 Javascript
JS中的算法与数据结构之集合(Set)实例详解
2019/08/20 Javascript
解决layui动态加载复选框无法选中的问题
2019/09/20 Javascript
详解vue beforeEach 死循环问题解决方法
2020/02/25 Javascript
vue+iview使用树形控件的具体使用
2020/11/02 Javascript
python翻译软件实现代码(使用google api完成)
2013/11/26 Python
pyqt5利用pyqtDesigner实现登录界面
2019/03/28 Python
python判断所输入的任意一个正整数是否为素数的两种方法
2019/06/27 Python
Python 3.8 新功能全解
2019/07/25 Python
什么是Python中的顺序表
2020/06/02 Python
Burberry英国官网:英国标志性奢侈品牌
2017/03/29 全球购物
Emporio Armani腕表天猫官方旗舰店:乔治·阿玛尼为年轻人设计的副线品牌
2017/07/02 全球购物
北美主要的汽车零部件零售商:AutoShack.com
2019/02/23 全球购物
在购买印度民族服饰:Soch
2020/09/15 全球购物
营销与策划应届生求职信
2013/11/04 职场文书
妇女干部培训方案
2014/05/12 职场文书
企业介绍信范文
2015/01/30 职场文书
大学校园招聘会感想
2015/08/10 职场文书
读完《骆驼祥子》的观后感!
2019/07/05 职场文书
详解mysql三值逻辑与NULL
2021/05/19 MySQL
详解PHP设计模式之依赖注入模式
2021/05/25 PHP