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 相关文章推荐
javascript 面向对象全新理练之继承与多态
Dec 03 Javascript
简单介绍JavaScript的变量和数据类型
Jun 03 Javascript
jQuery操作基本控件方法实例分析
Dec 31 Javascript
给easyui datebox扩展一个清空的实例
Nov 09 Javascript
微信小程序实现炫酷的弹出式菜单特效
Jan 28 Javascript
vue.js多页面开发环境搭建过程
Apr 24 Javascript
前端路由&webpack基础配置详解
Jun 10 Javascript
微信小程序3种位置API的使用方法详解
Aug 05 Javascript
《javascript设计模式》学习笔记四:Javascript面向对象程序设计链式调用实例分析
Apr 07 Javascript
Vue+Openlayers自定义轨迹动画
Sep 24 Javascript
JavaScript如何操作css
Oct 24 Javascript
Html5生成验证码的示例代码
May 10 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添加MySQL数据记录代码
2008/06/07 PHP
php win下Socket方式发邮件类
2009/08/21 PHP
php阻止页面后退的方法分享
2014/02/17 PHP
PHP简单实现记录网站访问量功能示例
2018/06/06 PHP
jquery.jstree 增加节点的双击事件代码
2010/07/27 Javascript
jquery解析xml字符串示例分享
2014/03/25 Javascript
Node.js中require的工作原理浅析
2014/06/24 Javascript
Javascript 赋值机制详解
2014/11/23 Javascript
简易的投票系统以及js刷票思路和方法
2015/04/07 Javascript
Javascript控制div属性动态变化实例分析
2015/10/08 Javascript
JS代码实现根据时间变换页面背景效果
2016/06/16 Javascript
Javascript随机标签云代码实例
2016/06/21 Javascript
javascript 解决浏览器不支持的问题
2016/09/24 Javascript
jquery mobile实现可折叠的导航按钮
2017/03/11 Javascript
Angular.JS内置服务$http对数据库的增删改使用教程
2017/05/07 Javascript
node express使用HTML模板的方法示例
2019/08/22 Javascript
JavaScript实现多球运动效果
2020/09/07 Javascript
js将日期格式转换为YYYY-MM-DD HH:MM:SS
2020/09/18 Javascript
微信小程序实现左滑删除效果
2020/11/18 Javascript
Python实现在Linux系统下更改当前进程运行用户
2015/02/04 Python
详解Python中expandtabs()方法的使用
2015/05/18 Python
tensorflow实现图像的裁剪和填充方法
2018/07/27 Python
python 运用Django 开发后台接口的实例
2018/12/11 Python
python实现合并两个排序的链表
2019/03/03 Python
python Canny边缘检测算法的实现
2020/04/24 Python
CSS3 毛玻璃效果
2019/08/14 HTML / CSS
浅析HTML5中header标签的用法
2016/06/24 HTML / CSS
2015年初中元旦晚会活动总结
2014/11/28 职场文书
捐助感谢信
2015/01/22 职场文书
上课说话检讨书
2015/01/27 职场文书
2015年五一劳动节慰问信
2015/03/23 职场文书
字典算法实现及操作 --python(实用)
2021/03/31 Python
Python中threading库实现线程锁与释放锁
2021/05/17 Python
如何利用golang运用mysql数据库
2022/03/13 Golang
Redis基本数据类型String常用操作命令
2022/06/01 Redis
win10如何快速切换窗口 win10切换窗口快捷键分享
2022/07/23 数码科技