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的兼容各种浏览器的iframe自适应高度的脚本
Aug 13 Javascript
Webkit的跨域安全问题说明
Sep 13 Javascript
jQuery实现长文字部分显示代码
May 13 Javascript
Java/JS获取flash高宽的具体方法
Dec 27 Javascript
JavaScript获取function所有参数名的方法
Oct 30 Javascript
js剪切板应用clipboardData实例解析
May 29 Javascript
在html中引入外部js文件,并调用带参函数的方法
Oct 31 Javascript
JS基于设计模式中的单例模式(Singleton)实现封装对数据增删改查功能
Feb 06 Javascript
js实现二级菜单点击显示当前内容效果
Apr 28 Javascript
深入解读Node.js中的koa源码
Jun 17 Javascript
使用webpack将ES6转化ES5的实现方法
Oct 13 Javascript
js实现多个标题吸顶效果
Jan 08 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获取网页内容方法总结
2008/12/04 PHP
使用php判断浏览器的类型和语言的函数代码
2013/02/28 PHP
如何使用FireFox插件FirePHP调试PHP
2013/07/23 PHP
PHP关联数组实现根据元素值删除元素的方法
2015/06/26 PHP
PHP join()函数用法与实例讲解
2019/03/11 PHP
jquery插件 cluetip 关键词注释
2010/01/12 Javascript
Javascript 面向对象之重载
2010/05/04 Javascript
关于javascript中this关键字(翻译+自我理解)
2010/10/20 Javascript
SuperSlide标签切换、焦点图多种组合插件
2015/03/14 Javascript
javascript实现简单的省市区三级联动
2015/05/14 Javascript
javascript封装 Cookie 应用接口
2015/08/07 Javascript
jQuery实现的类似淘宝网站搜索框样式代码分享
2015/08/24 Javascript
js实现带缓冲效果的仿QQ面板折叠菜单代码
2015/09/06 Javascript
js数组常见操作及数组与字符串相互转化实例详解
2015/11/10 Javascript
JS插件overlib用法实例详解
2015/12/26 Javascript
基于jquery实现表格内容筛选功能实例解析
2016/05/09 Javascript
最实用的jQuery分页插件
2016/10/09 Javascript
简单模拟node.js中require的加载机制
2016/10/27 Javascript
关于AngularJs数据的本地存储详解
2017/01/20 Javascript
vue.js中npm安装教程图解
2018/04/10 Javascript
js canvas实现5张图片合成一张图片
2019/07/15 Javascript
Vue开发环境中修改端口号的实现方法
2019/08/15 Javascript
vue简单封装axios插件和接口的统一管理操作示例
2020/02/02 Javascript
vue 路由懒加载中给 Webpack Chunks 命名的方法
2020/04/24 Javascript
python2 中 unicode 和 str 之间的转换及与python3 str 的区别
2019/07/25 Python
django中上传图片分页三级联动效果的实现代码
2019/08/30 Python
PyTorch在Windows环境搭建的方法步骤
2020/05/12 Python
html5 touch事件实现页面上下滑动效果【附代码】
2016/03/10 HTML / CSS
英国网上花店:Bunches
2016/11/29 全球购物
这76道Java面试题及答案,祝你能成功通过面试
2016/04/16 面试题
三好生演讲稿
2014/09/12 职场文书
诚实守信主题班会
2015/08/13 职场文书
新课程改革心得体会
2016/01/22 职场文书
2019旅游导游工作总结
2019/06/27 职场文书
比较node.js和Deno
2021/04/27 Javascript
postgresql无序uuid性能测试及对数据库的影响
2021/06/11 PostgreSQL