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 相关文章推荐
js innerHTML 的一些问题的解决方法
Jun 22 Javascript
node.js中的fs.createReadStream方法使用说明
Dec 17 Javascript
以Python代码实例展示kNN算法的实际运用
Oct 26 Javascript
jQuery版本升级踩坑大全
Jan 12 Javascript
jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法
Jan 18 Javascript
Node.js实现文件上传
Jul 05 Javascript
Angular实现双向折叠列表组件的示例代码
Nov 21 Javascript
Vue.js实现的购物车功能详解
Jan 27 Javascript
js回调函数原理与用法案例分析
Mar 04 Javascript
Vue组件为什么data必须是一个函数
Jun 11 Javascript
Vue路由 重定向和别名的区别说明
Sep 09 Javascript
element-ui点击查看大图的方法示例
Dec 14 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
第十一节--重载
2006/11/16 PHP
php基于表单密码验证与HTTP验证用法实例
2015/01/06 PHP
基于Jquery的仿Windows Aero弹出窗(漂亮的关闭按钮)
2010/09/28 Javascript
Javascript继承机制的设计思想分享
2011/08/28 Javascript
JS方法调用括号的问题探讨
2014/01/24 Javascript
JavaScript window.location对象
2014/11/14 Javascript
使用JS+plupload直接批量上传图片到又拍云
2014/12/01 Javascript
nodejs基于WS模块实现WebSocket聊天功能的方法
2018/01/12 NodeJs
基于Vue2.X的路由和钩子函数详解
2018/02/09 Javascript
Vue自定义指令实现checkbox全选功能的方法
2018/02/28 Javascript
深入理解JS的事件绑定、事件流模型
2018/05/13 Javascript
mpvue跳转页面及注意事项
2018/08/03 Javascript
深入探讨JavaScript的最基本部分之执行上下文
2019/02/12 Javascript
webpack中如何加载静态文件的方法步骤
2019/05/18 Javascript
taro小程序添加骨架屏的实现代码
2019/11/15 Javascript
Vue页面刷新记住页面状态的实现
2019/12/27 Javascript
Vue Elenent实现表格相同数据列合并
2020/11/30 Vue.js
Python常见文件操作的函数示例代码
2011/11/15 Python
一则python3的简单爬虫代码
2014/05/26 Python
Python浅拷贝与深拷贝用法实例
2015/05/09 Python
详解python单例模式与metaclass
2016/01/15 Python
Python中six模块基础用法
2019/12/08 Python
python十进制转二进制的详解
2020/02/07 Python
python使用paramiko实现ssh的功能详解
2020/03/06 Python
纽约的奢华内衣店:Journelle
2016/07/29 全球购物
Scholastic父母商店:儿童书籍
2017/01/01 全球购物
文件中有一组整数,要求排序后输出到另一个文件中
2012/01/04 面试题
法律专业自我鉴定
2013/10/03 职场文书
新课培训心得体会
2014/09/03 职场文书
2014年民警工作总结
2014/11/25 职场文书
检讨书范文2000字
2015/01/28 职场文书
秦始皇兵马俑导游词
2015/02/02 职场文书
信访维稳承诺书
2015/05/04 职场文书
大学社团活动总结怎么写
2019/06/21 职场文书
react使用antd的上传组件实现文件表单一起提交功能(完整代码)
2021/06/29 Javascript
css3属性选择器 “~”(波浪号) “,”(逗号) “+”(加号)和 “>”(大于号)
2022/04/19 HTML / CSS