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判断游览器类型及版本号的代码
May 11 Javascript
Javascript让DEDECMS告别手写Tag
Sep 01 Javascript
JavaScript定义变量和变量优先级问题探讨
Oct 11 Javascript
AngularJS基础知识笔记之表格
May 10 Javascript
使用AngularJS中的SCE来防止XSS攻击的方法
Jun 18 Javascript
纯javascript实现分页(两种方法)
Aug 26 Javascript
jQuery插件HighCharts绘制2D金字塔图效果示例【附demo源码下载】
Mar 09 Javascript
VUE中v-model和v-for指令详解
Jun 23 Javascript
Node.js五大应用性能技巧小结(必须收藏)
Aug 09 Javascript
vue 数组和对象不能直接赋值情况和解决方法(推荐)
Oct 25 Javascript
微信小程序实现分页加载效果
Nov 19 Javascript
JavaScript分页组件使用方法详解
Jul 26 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短址转换实现方法
2015/02/25 PHP
浅谈PDO的rowCount函数
2015/06/18 PHP
关于PHP定时发送服务的解决办法
2017/04/23 PHP
Yii2框架redis基本应用示例
2018/07/13 PHP
PHP安装memcache扩展的步骤讲解
2019/02/14 PHP
在laravel中使用with实现动态添加where条件
2019/10/10 PHP
Laravel 集成微信用户登录和绑定的实现
2019/12/27 PHP
DOM 中的事件处理介绍
2012/01/18 Javascript
js数组Array sort方法使用深入分析
2013/02/21 Javascript
javascript中this做事件参数相关问题解答
2013/03/17 Javascript
如何创建一个JavaScript弹出DIV窗口层的效果
2013/09/25 Javascript
javascript中的this详解
2014/12/08 Javascript
jquery增加和删除元素的方法
2015/01/14 Javascript
JS实现可展开折叠层的鼠标拖曳效果
2015/10/09 Javascript
js验证框架实现代码分享
2016/05/18 Javascript
javascript经典特效分享 手风琴、轮播图、图片滑动
2016/09/14 Javascript
Javascript中 toFixed四舍六入方法
2017/08/21 Javascript
解决vue 引入子组件报错的问题
2018/09/06 Javascript
利用Vue实现一个markdown编辑器实例代码
2019/05/19 Javascript
vue中datepicker的使用教程实例代码详解
2019/07/08 Javascript
vue中@change兼容问题详解
2019/10/25 Javascript
Node 模块原理与用法详解
2020/05/13 Javascript
[57:16]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS VG第二场
2014/05/26 DOTA
[00:58]2016年国际邀请赛勇士令状宣传片
2016/06/01 DOTA
[01:07:20]DOTA2-DPC中国联赛 正赛 Dynasty vs XG BO3 第二场 2月2日
2021/03/11 DOTA
Python获取单个程序CPU使用情况趋势图
2015/03/10 Python
python检测空间储存剩余大小和指定文件夹内存占用的实例
2018/06/11 Python
python opencv实现图片旋转矩形分割
2018/07/26 Python
python中format函数如何使用
2020/06/22 Python
英国领先的鞋类零售商和顶级品牌的官方零售商:Wynsors
2020/02/17 全球购物
一套SQL笔试题
2016/08/14 面试题
护士演讲稿范文
2014/01/05 职场文书
服务员岗位责任制
2014/02/11 职场文书
2015年图书馆个人工作总结
2015/05/26 职场文书
日本十大血腥动漫,那些被禁播的动漫盘点
2022/03/21 日漫
Ubuntu Server 安装Tomcat并配置systemctl
2022/04/28 Servers