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 绑定时间实现代码
May 03 Javascript
Extjs gridpanel 出现横向滚动条问题的解决方法
Jul 04 Javascript
40款非常棒的jQuery 插件和制作教程(系列一)
Oct 26 Javascript
MVVM模式中ViewModel和View、Model有什么区别?
Jun 19 Javascript
js判断鼠标位置是否在某个div中的方法
Feb 26 Javascript
利用JQuery写一个简单的异步分页插件
Mar 07 Javascript
jQuery插件pagination实现无刷新分页
May 21 Javascript
Angular的$http的ajax的请求操作(推荐)
Jan 10 Javascript
JS实现问卷星自动填问卷脚本并在两秒自动提交功能
Jun 17 Javascript
JS中promise化微信小程序api
Apr 12 Javascript
解决使用bootstrap的dropdown部件时报错:error:Bootstrap dropdown require Popper.js问题
Aug 30 Javascript
javascript实现简单留言板案例
Feb 09 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下获取客户端ip地址的函数
2010/03/15 PHP
php实现的返回数据格式化类实例
2014/09/22 PHP
php禁止直接从浏览器输入地址访问.php文件的方法
2014/11/04 PHP
typecho插件编写教程(二):写一个新插件
2015/05/28 PHP
php封装的page分页类完整实例代码
2020/02/01 PHP
dojo 之基础篇
2007/03/24 Javascript
jquery的颜色选择插件实例代码
2008/10/02 Javascript
jQuery extend 的简单实例
2013/09/18 Javascript
教你如何自定义百度分享插件以及bshare分享插件的分享按钮
2014/06/20 Javascript
Jquery实现仿腾讯娱乐频道焦点图(幻灯片)特效
2015/03/06 Javascript
javascript表单验证大全
2015/08/12 Javascript
javascript实现的全国省市县无刷新多级关联菜单效果代码
2016/08/01 Javascript
Boostrap基础教程之JavaScript插件篇
2016/09/08 Javascript
js中利用cookie实现记住密码功能
2020/08/20 Javascript
JS触摸屏网页版仿app弹窗型滚动列表选择器/日期选择器
2016/10/30 Javascript
JS实现图片上传预览功能
2016/11/21 Javascript
JavaScript 数据类型详解
2017/03/13 Javascript
JS计算两个时间相差分钟数的方法示例
2018/01/10 Javascript
详解vue如何使用rules对表单字段进行校验
2018/10/17 Javascript
vue props 一次传多个值实例
2020/07/22 Javascript
Python可变参数函数用法实例
2015/07/07 Python
初步剖析C语言编程中的结构体
2016/01/16 Python
Linux中安装Python的交互式解释器IPython的教程
2016/06/13 Python
python爬虫面试宝典(常见问题)
2018/03/02 Python
10 行 Python 代码教你自动发送短信(不想回复工作邮件妙招)
2018/10/11 Python
解决Atom安装Hydrogen无法运行python3的问题
2019/08/28 Python
python导入不同目录下的自定义模块过程解析
2019/11/18 Python
python实现字典嵌套列表取值
2019/12/16 Python
DKNY品牌官网:纽约大都会时尚风格
2016/10/20 全球购物
SHEIN香港:价格实惠的女性时尚服装
2018/08/14 全球购物
中国一家综合的外贸B2C电子商务网站:DealeXtreme(DX)
2020/03/10 全球购物
恶意软件的定义
2014/11/12 面试题
习总书记三严三实学习心得体会
2014/10/13 职场文书
周年庆典答谢词
2015/01/20 职场文书
如何书写你的职业生涯规划书?
2019/06/27 职场文书
C3 线性化算法与 MRO之Python中的多继承
2021/10/05 Python