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实现给出的盒子的序列是否可连为一矩型
Aug 30 Javascript
jquery中对表单的基本操作代码
Jul 29 Javascript
使用jQuery.fn自定义jQuery翻页插件
Jan 20 Javascript
Json字符串转换为JS对象的高效方法实例
May 01 Javascript
javascript对象的使用和属性操作示例详解
Mar 02 Javascript
js获取页面传来参数的方法
Sep 06 Javascript
DOM基础教程之使用DOM + Css
Jan 20 Javascript
详解如何使用webpack打包Vue工程
May 27 Javascript
Vue.js中关于侦听器(watch)的高级用法示例
May 02 Javascript
django简单的前后端分离的数据传输实例 axios
May 18 Javascript
通过angular CDK实现页面元素拖放的步骤详解
Jul 01 Javascript
js实现带有动画的返回顶部
Aug 09 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
2019年中国咖啡业现状与发展趋势
2021/03/04 咖啡文化
php新建文件自动编号的思路与实现
2011/06/27 PHP
php数组函数序列之array_combine() - 数组合并函数使用说明
2011/10/29 PHP
分享一个超好用的php header下载函数
2014/01/31 PHP
Laravel框架源码解析之模型Model原理与用法解析
2020/05/14 PHP
JavaScript 参考教程
2006/12/29 Javascript
Jquery 获取表单text,areatext,radio,checkbox,select值的代码
2009/11/12 Javascript
google 搜索框添加关键字实现代码
2010/04/24 Javascript
用Juery网页选项卡实现代码
2011/06/13 Javascript
基于JQuery实现CheckBox全选全不选
2011/06/27 Javascript
iframe子页面获取父页面元素的方法
2013/11/05 Javascript
jquery ztree实现下拉树形框使用到了json数据
2014/05/14 Javascript
jQuery中:disabled选择器用法实例
2015/01/04 Javascript
JavaScript实现简单图片翻转的方法
2015/04/17 Javascript
nodejs导出excel的方法
2015/06/30 NodeJs
详解NodeJs支付宝移动支付签名及验签
2017/01/06 NodeJs
Webpack devServer中的 proxy 实现跨域的解决
2018/06/15 Javascript
发布一款npm包帮助理解npm的使用
2019/01/03 Javascript
一文了解Vue中的nextTick
2019/05/06 Javascript
React如何实现浏览器打印部分内容详析
2019/05/19 Javascript
非常漂亮的js烟花效果
2020/03/10 Javascript
vue接口请求加密实例
2020/08/11 Javascript
python 实现删除文件或文件夹实例详解
2016/12/04 Python
python编程实现希尔排序
2017/04/13 Python
Python 读取图片文件为矩阵和保存矩阵为图片的方法
2018/04/27 Python
Python爬虫之正则表达式基本用法实例分析
2018/08/08 Python
python+pyqt5实现KFC点餐收银系统
2019/01/24 Python
Python 安装第三方库 pip install 安装慢安装不上的解决办法
2019/06/18 Python
pandas 中对特征进行硬编码和onehot编码的实现
2019/12/20 Python
tensorflow estimator 使用hook实现finetune方式
2020/01/21 Python
Python3 元组tuple入门基础
2020/02/09 Python
python 两种方法删除空文件夹
2020/09/29 Python
滴水洞导游词
2015/02/10 职场文书
社区青年志愿者活动总结
2015/05/06 职场文书
Python通过m3u8文件下载合并ts视频的操作
2021/04/16 Python
Anaconda配置各版本Pytorch的实现
2021/08/07 Python