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 相关文章推荐
JQuery 构建客户/服务分离的链接模型中Table中的排序分析
Jan 22 Javascript
使用node.js 制作网站前台后台
Nov 13 Javascript
jQuery回调函数的定义及用法实例
Dec 23 Javascript
jquery调取json数据实现省市级联的方法
Jan 29 Javascript
利用JS实现数字增长
Jul 28 Javascript
JS实现常见的查找、排序、去重算法示例
May 21 Javascript
vue-cli脚手架build目录下utils.js工具配置文件详解
Sep 14 Javascript
详解关于element级联选择器数据回显问题
Feb 20 Javascript
vue配置文件实现代理v2版本的方法
Jun 21 Javascript
layer.alert回调函数执行关闭弹窗的实例
Sep 11 Javascript
ElementUI中el-tree节点的操作的实现
Feb 27 Javascript
微信小程序实现首页弹出广告
Dec 03 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 allow_url_include的应用和解释
2010/04/22 PHP
php操作redis中的hash和zset类型数据的方法和代码例子
2014/07/05 PHP
Discuz7.2版的faq.php SQL注入漏洞分析
2014/08/06 PHP
PHP设计模式之策略模式原理与用法实例分析
2019/04/04 PHP
PHP number_format函数原理及实例解析
2020/07/14 PHP
Prototype使用指南之selector.js
2007/01/10 Javascript
childNodes.length与children.length的区别
2009/05/14 Javascript
javascript:void(0)使用探讨
2013/08/27 Javascript
js截取字符串的两种方法及区别详解
2013/11/05 Javascript
关于RequireJS的简单介绍即使用方法
2016/10/20 Javascript
JavaScript实现经典排序算法之选择排序
2016/12/28 Javascript
利用JQuery实现datatables插件的增加和删除行功能
2017/01/06 Javascript
详解node.js平台下Express的session与cookie模块包的配置
2017/04/26 Javascript
JavaScript实现简单的星星评分效果
2017/05/18 Javascript
angularjs中ng-bind-html的用法总结
2017/05/23 Javascript
vue中获取滚动table的可视页面宽度调整表头与列对齐(每列宽度不都相同)
2019/08/17 Javascript
深入学习Vue nextTick的用法及原理
2019/10/08 Javascript
jquery实现烟花效果(面向对象)
2020/03/10 jQuery
jquery.validate自定义验证用法实例分析【成功提示与择要提示】
2020/06/06 jQuery
Python协程的用法和例子详解
2017/09/09 Python
Django实现学生管理系统
2019/02/26 Python
python序列化与数据持久化实例详解
2019/12/20 Python
Python3爬虫带上cookie的实例代码
2020/07/28 Python
Python3爬虫关于识别检验滑动验证码的实例
2020/07/30 Python
python 使用tkinter+you-get实现视频下载器
2020/11/17 Python
html5 canvas绘制网络字体的常用方法
2019/08/26 HTML / CSS
iHerb台湾:维生素、保健品和健康产品
2018/01/31 全球购物
西班牙宠物用品和食品网上商店:Tiendanimal
2019/06/06 全球购物
TCP/IP中的TCP和IP分别承担什么责任
2012/04/21 面试题
俄语翻译实习生的自我评价分享
2013/11/06 职场文书
学习优秀党务工作者先进事迹材料思想报告
2014/09/17 职场文书
房屋买卖委托书格式范本格式
2014/10/13 职场文书
2015年干部教育培训工作总结
2015/05/15 职场文书
2015领导干部廉洁自律工作总结
2015/07/23 职场文书
2016年村党支部公开承诺书
2016/03/24 职场文书
pytorch 中autograd.grad()函数的用法说明
2021/05/12 Python