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 相关文章推荐
火狐4、谷歌12不支持Jquery Validator的解决方法分享
Jun 20 Javascript
js有关元素内容操作小结
Dec 20 Javascript
jquery实现非叠加式的搜索框提示效果
Jan 07 Javascript
jQuery修改li下的样式以及li下的img的src的值的方法
Nov 02 Javascript
详谈jQuery中的this和$(this)
Nov 13 Javascript
D3.js封装文本实现自动换行和旋转平移等功能
Oct 14 Javascript
jquery submit()不能提交表单的解决方法
Apr 24 jQuery
JavaScript之Canvas_动力节点Java学院整理
Jul 04 Javascript
监听angularJs列表数据是否渲染完毕的方法示例
Nov 07 Javascript
微信小程序实现授权登录
May 15 Javascript
vue-cli2与vue-cli3在一台电脑共存的实现方法
Sep 25 Javascript
Vue-cli3项目引入Typescript的实现方法
Oct 18 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
实用函数2
2007/11/08 PHP
php中的数组操作函数整理
2008/08/18 PHP
字母顺序颠倒而单词顺序不变的php代码
2010/08/08 PHP
php实现单链表的实例代码
2013/03/22 PHP
谈谈 PHP7新增功能
2015/12/16 PHP
Yii2框架视图(View)操作及Layout的使用方法分析
2019/05/27 PHP
PhpStorm2020 + phpstudyV8 +XDebug的教程详解
2020/09/17 PHP
详解new function(){}和function(){}() 区别分析
2008/03/22 Javascript
jQuery 中国省市两级联动选择附图
2014/05/14 Javascript
jQuery $.each遍历对象、数组用法实例
2015/04/16 Javascript
Javascript自执行匿名函数(function() { })()的原理浅析
2016/05/15 Javascript
Javascript中prototype的使用详解
2016/06/18 Javascript
浅析jQuery Ajax通用js封装
2016/06/22 Javascript
基于js中的原型、继承的一些想法
2016/08/10 Javascript
jQuery判断是否存在滚动条的简单方法
2016/09/17 Javascript
javascript匀速动画和缓冲动画详解
2016/10/20 Javascript
AngularJS中directive指令使用之事件绑定与指令交互用法示例
2016/11/22 Javascript
Angular2 Service实现简单音乐播放器服务
2017/02/24 Javascript
JavaScript获取URL参数的方法之一
2017/03/24 Javascript
详解Angular2学习笔记之Html属性绑定
2018/01/03 Javascript
vue项目中使用lib-flexible解决移动端适配的问题解决
2018/08/23 Javascript
Vue在页面数据渲染完成之后的调用方法
2018/09/11 Javascript
javascript自定义日期比较函数用法示例
2019/07/22 Javascript
使用python将大量数据导出到Excel中的小技巧分享
2018/06/14 Python
Python中字符串List按照长度排序
2019/07/01 Python
利用Tensorflow构建和训练自己的CNN来做简单的验证码识别方式
2020/01/20 Python
pygame实现弹球游戏
2020/04/14 Python
深入解读CSS3中transform变换模型的渲染
2016/05/27 HTML / CSS
Farfetch巴西官网:奢侈品牌时尚购物平台
2020/10/19 全球购物
优秀经理事迹材料
2014/02/01 职场文书
小学二年级数学教学计划
2015/01/20 职场文书
大学生党员自我评价
2015/03/04 职场文书
2015年小学重阳节活动总结
2015/07/29 职场文书
2016学校元旦晚会经典开场白台词
2015/12/03 职场文书
python 遍历磁盘目录的三种方法
2021/04/02 Python
oracle连接ODBC sqlserver数据源的详细步骤
2021/07/25 Oracle