Underscore之Array_动力节点Java学院整理


Posted in Javascript onJuly 10, 2017

underscore为Array提供了许多工具类方法,可以更方便快捷地操作Array

first / last

顾名思义,这两个函数分别取第一个和最后一个元素:

'use strict';
var arr = [2, 4, 6, 8];
_.first(arr); // 2
_.last(arr); // 8

flatten

flatten()接收一个Array,无论这个Array里面嵌套了多少个Arrayflatten()最后都把它们变成一个一维数组:

'use strict';

_.flatten([1, [2], [3, [[4], [5]]]]); // [1, 2, 3, 4, 5]

zip / unzip

zip()把两个或多个数组的所有元素按索引对齐,然后按索引合并成新数组。例如,你有一个Array保存了名字,另一个Array保存了分数,现在,要把名字和分数给对上,用zip()轻松实现:

'use strict';

var names = ['Adam', 'Lisa', 'Bart'];
var scores = [85, 92, 59];
_.zip(names, scores);
// [['Adam', 85], ['Lisa', 92], ['Bart', 59]]

unzip()则是反过来:

'use strict';
var namesAndScores = [['Adam', 85], ['Lisa', 92], ['Bart', 59]];
_.unzip(namesAndScores);
// [['Adam', 'Lisa', 'Bart'], [85, 92, 59]]

object

有时候你会想,与其用zip(),为啥不把名字和分数直接对应成Object呢?别急,object()函数就是干这个的:

'use strict';

var names = ['Adam', 'Lisa', 'Bart'];
var scores = [85, 92, 59];
_.object(names, scores);
// {Adam: 85, Lisa: 92, Bart: 59}

注意_.object()是一个函数,不是JavaScript的Object对象。

range

range()让你快速生成一个序列,不再需要用for循环实现了:

'use strict';

// 从0开始小于10:
_.range(10); // [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

// 从1开始小于11:
_.range(1, 11); // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

// 从0开始小于30,步长5:
_.range(0, 30, 5); // [0, 5, 10, 15, 20, 25]

// 从0开始大于-10,步长-1:
_.range(0, -10, -1); // [0, -1, -2, -3, -4, -5, -6, -7, -8, -9]

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
arguments对象
Nov 20 Javascript
刷新页面实现方式总结(HTML,ASP,JS)
Nov 13 Javascript
js 数组实现一个类似ruby的迭代器
Oct 27 Javascript
防止浏览器记住用户名及密码的简单实用方法
Apr 22 Javascript
浅谈javascript中return语句
Jul 15 Javascript
Three.js利用顶点绘制立方体的方法详解
Sep 27 Javascript
vue轮播图插件vue-awesome-swiper
Nov 27 Javascript
在vue项目中引入高德地图及其UI组件的方法
Sep 04 Javascript
vue实现简单的日历效果
Sep 24 Javascript
使用layui实现树形结构的方法
Sep 20 Javascript
vue路由传参三种基本方式详解
Dec 09 Javascript
使用JavaScript和MQTT开发物联网应用示例解析
Aug 07 Javascript
Angular.js ng-file-upload结合springMVC的使用教程
Jul 10 #Javascript
underscore之Collections_动力节点Java学院整理
Jul 10 #Javascript
Angular.js组件之input mask对input输入进行格式化详解
Jul 10 #Javascript
underscore之Chaining_动力节点Java学院整理
Jul 10 #Javascript
Vue 2.0的数据依赖实现原理代码简析
Jul 10 #Javascript
Vue实现virtual-dom的原理简析
Jul 10 #Javascript
Vue2路由动画效果的实现代码
Jul 10 #Javascript
You might like
PHP中函数内引用全局变量的方法
2008/10/20 PHP
PHP利用hash冲突漏洞进行DDoS攻击的方法分析
2015/03/26 PHP
PHP输出日历表代码实例
2015/03/27 PHP
PHP实现搜索地理位置及计算两点地理位置间距离的实例
2016/01/08 PHP
浅谈PHP中的数据传输CURL
2016/09/06 PHP
PHP实现随机生成水印图片功能
2017/03/22 PHP
PHP多线程模拟实现秒杀抢单
2018/02/07 PHP
PHP单元测试配置与使用方法详解
2019/12/27 PHP
YII2框架中actions的作用与使用方法示例
2020/03/13 PHP
用JavaScript脚本实现Web页面信息交互
2006/10/11 Javascript
如何用javascript控制上传文件的大小
2006/10/26 Javascript
JavaScript delete操作符应用实例
2009/01/13 Javascript
有效的捕获JavaScript焦点的方法小结
2009/10/08 Javascript
jquery blockUI 遮罩不能消失与不能提交的解决方法
2011/09/17 Javascript
常用js字符串判断方法整理
2013/10/18 Javascript
修复bash漏洞的shell脚本分享
2014/12/31 Javascript
JQuery学习总结【一】
2016/12/01 Javascript
Vue获取DOM元素样式和样式更改示例
2017/03/07 Javascript
详解Vue2+Echarts实现多种图表数据可视化Dashboard(附源码)
2017/03/21 Javascript
详解JS数据类型的值拷贝函数(深拷贝)
2017/07/13 Javascript
React Native中导航组件react-navigation跨tab路由处理详解
2017/10/31 Javascript
vue基本使用--refs获取组件或元素的实例
2019/11/07 Javascript
微信小程序用户盒子、宫格列表的实现
2020/07/01 Javascript
复习Python中的字符串知识点
2015/04/14 Python
python中pass语句用法实例分析
2015/04/30 Python
python实现在cmd窗口显示彩色文字
2019/06/24 Python
Python 解析pymysql模块操作数据库的方法
2020/02/18 Python
opencv 形态学变换(开运算,闭运算,梯度运算)
2020/07/07 Python
django下创建多个app并设置urls方法
2020/08/02 Python
Linux上比较文件的命令都有哪些
2013/09/28 面试题
给老婆的婚前保证书
2014/02/01 职场文书
销售员岗位职责范本
2014/02/03 职场文书
2014高三学生考试作弊检讨书
2014/12/14 职场文书
放弃遗产继承公证书
2015/01/26 职场文书
2015年三万活动总结
2015/03/25 职场文书
辞职离别感言
2015/08/04 职场文书