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 相关文章推荐
js查找父节点的简单方法
Jun 28 Javascript
js+css在交互上的应用
Jul 18 Javascript
javascript实时显示北京时间的方法
Mar 12 Javascript
JavaScript实现删除,移动和复制文件的方法
Aug 05 Javascript
javascript中alert()与console.log()的区别
Aug 26 Javascript
基于JavaScript实现类似于百度学术高级检索功能
Mar 02 Javascript
用原生js统计文本行数的简单示例
Aug 19 Javascript
JS验证 只能输入小数点,数字,负数的实现方法
Oct 07 Javascript
完美解决node.js中使用https请求报CERT_UNTRUSTED的问题
Jan 08 Javascript
利用nvm管理多个版本的node.js与npm详解
Nov 02 Javascript
微信小程序实现展示评分结果功能
Feb 15 Javascript
JavaScript实现队列结构过程
Dec 06 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
用Socket发送电子邮件(利用需要验证的SMTP服务器)
2006/10/09 PHP
php一些错误处理的方法与技巧总结
2013/08/10 PHP
php检测网页是否被百度收录的函数代码
2013/10/09 PHP
PhpStorm的使用教程(本地运行PHP+远程开发+快捷键)
2020/03/26 PHP
PHP 图片处理
2020/09/16 PHP
驱动事件的addEvent.js代码
2007/03/27 Javascript
基于jQuery的消息提示插件之旅 DivAlert(三)
2010/04/01 Javascript
JS实现随机数生成算法示例代码
2013/08/08 Javascript
JavaScript获取页面中第一个锚定文本的方法
2015/04/03 Javascript
基于jQuery下拉选择框插件支持单选多选功能代码
2016/06/07 Javascript
JS采用绝对定位实现回到顶部效果完整实例
2016/06/20 Javascript
JavaScript实现类似拉勾网的鼠标移入移出效果
2016/10/27 Javascript
jQuery插件ContextMenu自定义图标
2017/03/15 Javascript
js事件委托和事件代理案例分享
2017/07/25 Javascript
Vue核心概念Getter的使用方法
2019/01/18 Javascript
解决Vue 给mapState中定义的属性赋值报错的问题
2020/06/22 Javascript
js实现搜索提示框效果
2020/09/05 Javascript
vue使用echarts实现水平柱形图实例
2020/09/09 Javascript
[09:47]2018DOTA2亚洲邀请赛4.5SOLO赛 No[o]ne vs Sumail
2018/04/06 DOTA
使用Python获取Linux系统的各种信息
2014/07/10 Python
python连接oracle数据库实例
2014/10/17 Python
Python中处理unchecked未捕获异常实例
2015/01/17 Python
Python利用带权重随机数解决抽奖和游戏爆装备问题
2016/06/16 Python
对变量赋值的理解--Pyton中让两个值互换的实现方法
2017/11/29 Python
VScode连接远程服务器上的jupyter notebook的实现
2020/04/23 Python
腾讯公司的一个sql题
2013/01/22 面试题
员工自我鉴定范文
2013/10/06 职场文书
初中物理教学反思
2014/01/14 职场文书
工程管理专业毕业生自荐信
2014/01/24 职场文书
特色蛋糕店创业计划书
2014/01/28 职场文书
少先队入队活动方案
2014/02/08 职场文书
员工合理化建议书
2014/05/19 职场文书
优秀教师推荐材料
2014/12/16 职场文书
党风廉正建设责任书
2015/01/29 职场文书
一篇带你入门Java垃圾回收器
2021/06/16 Java/Android
如何解决goland,idea全局搜索快捷键失效问题
2022/04/03 Golang