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一般方法介绍 入门参考
Jun 21 Javascript
利用js动态添加删除table行的示例代码
Dec 16 Javascript
js获取某元素的class里面的css属性值代码
Jan 16 Javascript
如何使用HTML5地理位置定位功能
Apr 27 Javascript
jQuery实现放大镜效果实例代码
Mar 17 Javascript
jquery基于layui实现二级联动下拉选择(省份城市选择)
Jun 20 jQuery
基于js 字符串indexof与search方法的区别(详解)
Dec 04 Javascript
浅谈Vue网络请求之interceptors实际应用
Feb 28 Javascript
傻瓜式解读koa中间件处理模块koa-compose的使用
Oct 30 Javascript
JS滚轮控制图片缩放大小和拖动的实例代码
Nov 20 Javascript
Layui表格行工具事件与数据回填方法
Sep 13 Javascript
tracking.js实现前端人脸识别功能
Apr 16 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写的采集程序
2007/03/16 PHP
php初始化对象和析构函数的简单实例
2014/03/11 PHP
php使用pdo连接mssql server数据库实例
2014/12/25 PHP
浅析Yii2 gridview实现批量删除教程
2016/04/22 PHP
CI框架实现创建自定义类库的方法
2018/12/25 PHP
Javascript实例教程(19) 使用HoTMetal(4)
2006/12/23 Javascript
javascript 计算两个整数的百分比值
2009/12/26 Javascript
通过javascript获取iframe里的值示例代码
2013/06/24 Javascript
JavaScript定义类的几种方式总结
2014/01/06 Javascript
JS获取地址栏参数的几种方法小结
2014/02/28 Javascript
node.js中的fs.statSync方法使用说明
2014/12/16 Javascript
jQuery过滤特殊字符及JS字符串转为数字
2016/05/26 Javascript
js精准的倒计时函数分享
2016/06/29 Javascript
Jquery Easyui分割按钮组件SplitButton使用详解(17)
2016/12/18 Javascript
解决webpack无法通过IP地址访问localhost的问题
2018/02/22 Javascript
基于jQuery实现无缝轮播与左右点击效果
2018/05/13 jQuery
微信小程序实现时间预约功能
2018/11/27 Javascript
教你完全理解ReentrantLock重入锁
2019/06/03 Javascript
[01:14]3.19DOTA2发布会 三代刀塔人第二代
2014/03/25 DOTA
Python3 处理JSON的实例详解
2017/10/29 Python
Python实现扣除个人税后的工资计算器示例
2018/03/26 Python
Python中实例化class的执行顺序示例详解
2018/10/14 Python
python接口自动化(十七)--Json 数据处理---一次爬坑记(详解)
2019/04/18 Python
详解numpy.meshgrid()方法使用
2019/08/01 Python
Python+PyQt5+MySQL实现天气管理系统
2020/06/16 Python
css3实例教程 一款纯css3实现的环形导航菜单
2014/10/20 HTML / CSS
国际贸易专业推荐信
2013/11/15 职场文书
周鸿祎:教你写创业计划书
2013/12/30 职场文书
大学生个人事迹材料
2014/01/21 职场文书
《那片绿绿的爬山虎》教学反思
2014/02/27 职场文书
技术合作协议书范本
2014/04/18 职场文书
2014年初中班主任工作总结
2014/11/08 职场文书
mysql多表查询-笔记七
2021/04/05 MySQL
解决Goland 同一个package中函数互相调用的问题
2021/05/06 Golang
vue代码分块和懒加载非必要资源文件
2022/04/11 Vue.js
SQL Server中搜索特定的对象
2022/05/25 SQL Server