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 相关文章推荐
围观tangram js库
Dec 28 Javascript
javascript中in运算符用法分析
Apr 28 Javascript
javascript实现树形菜单的方法
Jul 17 Javascript
浅谈jquery设置和获得checkbox选中的问题
Aug 19 Javascript
详解AngularJs中$resource和restfu服务端数据交互
Sep 21 Javascript
AngularJS实现的锚点楼层跳转功能示例
Jan 02 Javascript
vuejs实现标签选项卡动态更改css样式的方法
May 31 Javascript
JavaScript引用类型之基本包装类型实例分析【Boolean、Number和String】
Aug 09 Javascript
vue中当图片地址无效的时候,显示默认图片的方法
Sep 18 Javascript
微信小程序下拉框组件使用方法详解
Dec 28 Javascript
微信小程序实现签到弹窗动画
Sep 21 Javascript
javascript实现左右缓动动画函数
Nov 25 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_query查询超大结果集超内存问题
2016/03/14 PHP
PHP三种方式实现链式操作详解
2017/01/21 PHP
js 获取子节点函数 (兼容FF与IE)
2010/04/18 Javascript
JavaScript中的关键字&quot;VAR&quot;使用详解 分享
2013/07/31 Javascript
在jquery boxy中添加百度地图坐标拾取注意流程
2014/04/03 Javascript
javascript 获取元素样式必杀技
2014/05/04 Javascript
Javascript调用函数方法的几种方式介绍
2015/03/20 Javascript
javascript产生随机数方法汇总
2016/01/25 Javascript
JavaScript正则表达式小结(test|match|search|replace|split|exec)
2016/12/08 Javascript
如何在Angular2中使用jQuery及其插件的方法
2017/02/09 Javascript
浅析javaScript中的浅拷贝和深拷贝
2017/02/15 Javascript
浅谈 vue 中的 watcher
2017/12/04 Javascript
angular5 httpclient的示例实战
2018/03/12 Javascript
Jquery动态列功能完整实例
2019/08/30 jQuery
vue总线机制(bus)知识点详解
2020/05/10 Javascript
[00:36]我的中国心——Serenity vs Fnatic
2018/08/21 DOTA
python创建一个最简单http webserver服务器的方法
2015/05/08 Python
python3 与python2 异常处理的区别与联系
2016/06/19 Python
Django实现自定义404,500页面教程
2017/03/26 Python
Python解析json时提示“string indices must be integers”问题解决方法
2019/07/31 Python
Python字典的概念及常见应用实例详解
2019/10/30 Python
Python实现序列化及csv文件读取
2020/01/19 Python
浅谈tensorflow中张量的提取值和赋值
2020/01/19 Python
python中使用you-get库批量在线下载bilibili视频的教程
2020/03/10 Python
python 字符串格式化的示例
2020/09/21 Python
Python+unittest+DDT实现数据驱动测试
2020/11/30 Python
一款简洁的纯css3代码实现的动画导航
2014/10/31 HTML / CSS
海淘母婴商城:国际妈咪
2016/07/23 全球购物
澳大利亚领先的在线美容商店:Facial Co
2017/10/22 全球购物
摩托车和ATV零件、配件和服装的首选在线零售商:MotoSport
2017/12/22 全球购物
SQL Server数据库笔试题和答案
2016/02/04 面试题
中科软笔试题和面试题
2014/10/07 面试题
新闻系毕业生推荐信
2013/11/16 职场文书
少先队学雷锋活动月总结
2014/03/09 职场文书
会计工作态度自我评价
2015/03/06 职场文书
付款证明模板
2015/06/19 职场文书