Underscore之Array_动力节点Java学院整理
underscore为Array提供了许多工具类方法,可以更方便快捷地操作Array。
first / last
顾名思义,这两个函数分别取第一个和最后一个元素:
'use strict'; var arr = [2, 4, 6, 8]; _.first(arr); // 2 _.last(arr); // 8
flatten
flatten()接收一个Array,无论这个Array里面嵌套了多少个Array,flatten()最后都把它们变成一个一维数组:
'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]
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。
相关推荐
-
Underscore.js 1.3.3 中文注释翻译说明
// Underscore.js 1.3.3 // (c) 2009-2012 Jeremy Ashkenas, DocumentCloud Inc. // Underscore is freely distributable under the MIT license. // Portions of Underscore are inspired or borrowed from Prototype, // Oliver Steele's Functional, and John Resig'
-
underscore之Collections_动力节点Java学院整理
underscore为集合类对象提供了一致的接口.集合类是指Array和Object,暂不支持Map和Set. map/filter 和Array的map()与filter()类似,但是underscore的map()和filter()可以作用于Object.当作用于Object时,传入的函数为function (value, key),第一个参数接收value,第二个参数接收key: 'use strict'; var obj = { name: 'bob', school: 'No.1 mi
-
JavaScript之underscore_动力节点Java学院整理
JavaScript是函数式编程语言,支持高阶函数和闭包.函数式编程非常强大,可以写出非常简洁的代码.例如Array的map()和filter()方法: 'use strict'; var a1 = [1, 4, 9, 16]; var a2 = a1.map(Math.sqrt); // [1, 2, 3, 4] var a3 = a2.filter((x) => { return x % 2 === 0; }); // [2, 4] 现在问题来了,Array有map()和filter()方法
-
Underscore源码分析
几年前就有人说javascript是最被低估一种编程语言,自从nodejs出来后,全端(All Stack/Full Stack)概念日渐兴起,现在恐怕没人再敢低估它了.javascrip是一种类C的语言,有C语言基础就能大体理解javascript的代码,但是作为一种脚本语言,javascript的灵活性是C所远远不及的,这也会造成学习上的一些困难. 一.集合 1.首先是几个迭代的方法. _.each = _.forEach = function(obj, iteratee, context
-
深入解析Backbone.js框架的依赖库Underscore.js的作用
backbone必须依赖underscore.js才能够使用,它必须通过underscore中的函数来完成访问页面元素.处理元素的基本操作. 注:backbone可以很好的与其它js库一起工作,所以说它是一个库,而不是框架. Underscore并没有对原生对象进行扩展,而是调用_()方法进行封装,一旦封装完成,js对象就变为Underscore对象,也可以通过Underscore对象的Value()方法获取原生js对象中的数据.(jquery通过$()方法得到Jquery对象) Undersc
-
underscore之function_动力节点Java学院整理
因为underscore本来就是为了充分发挥JavaScript的函数式编程特性,所以也提供了大量JavaScript本身没有的高阶函数. bind bind()有什么用?我们先看一个常见的错误用法: 'use strict'; console.log('Hello, world!'); // 输出'Hello, world!' var log = console.log; log('Hello, world!'); // Uncaught TypeError: Illegal invocati
-
underscore之Chaining_动力节点Java学院整理
还记得jQuery支持链式调用吗? $('a').attr('target', '_blank') .append(' <i class="uk-icon-external-link"></i>') .click(function () {}); 如果我们有一组操作,用underscore提供的函数,写出来像这样: _.filter(_.map([1, 4, 9, 16, 25], Math.sqrt), x => x % 2 === 1); // [1,
-
Underscore.js 的模板功能介绍与应用
Underscore是一个非常实用的JavaScript库,提供许多编程时需要的功能的支持,他在不扩展任何JavaScript的原生对象的情况下提供很多实用的功能. 无论你写一段小的js代码,还是写一个大型的HTML5应用,underscore都能帮上忙.目前,underscore已经被广泛使用,例如,backbone.js唯一强依赖的库就是underscore.js. 今天主要讨论Underscore 的前端模板功能.它的模板功能和前一篇介绍的javascript前端模板是一样的.对数据的处理
-
微信小程序使用第三方库Underscore.js步骤详解
前言 Underscore.js是一个很精干的库,压缩后只有4KB.Underscore 提供了100多个函数,包括常用的:map.filter.invoke - 当然还有更多专业的辅助函数,如:函数绑定.JavaScript 模板功能.创建快速索引.强类型相等测试等等.弥补了标准库的不足,大大方便了JavaScript的编程. 微信小程序无法直接使用require( 'underscore.js' )进行调用. 微信小程序模块化机制 微信小程序运行环境支持CommoJS模块化,通过module
-
Underscore之Array_动力节点Java学院整理
underscore为Array提供了许多工具类方法,可以更方便快捷地操作Array. first / last 顾名思义,这两个函数分别取第一个和最后一个元素: 'use strict'; var arr = [2, 4, 6, 8]; _.first(arr); // 2 _.last(arr); // 8 flatten flatten()接收一个Array,无论这个Array里面嵌套了多少个Array,flatten()最后都把它们变成一个一维数组: 'use strict'; _.fl
-
Java异常继承结构解析_动力节点Java学院整理
Java异常类层次结构图: 异常的英文单词是exception,字面翻译就是"意外.例外"的意思,也就是非正常情况.事实上,异常本质上是程序上的错误,包括程序逻辑错误和系统错误.比如使用空的引用.数组下标越界.内存溢出错误等,这些都是意外的情况,背离我们程序本身的意图.错误在我们编写程序的过程中会经常发生,包括编译期间和运行期间的错误,在编译期间出现的错误有编译器帮助我们一起修正,然而运行期间的错误便不是编译器力所能及了,并且运行期间的错误往往是难以预料的.假若程序在运行期间出现了错误
-
Nginx简介_动力节点Java学院整理
1.什么是Nginx Nginx来自俄罗斯的Igor Sysoev在为Rambler Media(http://www.rambler.ru/)工作期间,使用C语言开发了Nginx.Nginx作为Web服务器,一直为俄罗斯著名的门户网站Rambler Media提供着出色.稳定的服务. Igor Sysoev将Nginx的代码开源,并且赋予其最自由的2-clause BSD-like license许可证.由于Nginx使用基于事件驱动的架构能够并发处理百万级别的TCP连接,高度模块化的设计和自
-
web压力测试工具_动力节点Java 学院整理
0. Grinder – Grinder是一个开源的JVM负载测试框架,它通过很多负载注射器来为分布式测试提供了便利. 支持用于执行测试脚本的Jython脚本引擎HTTP测试可通过HTTP代理进行管理.根据项目网站的说法,Grinder的 主要目标用户是"理解他们所测代码的人--Grinder不仅仅是带有一组相关响应时间的'黑盒'测试.由于测试过程可以进行编码--而不是简单地脚本 化,所以程序员能测试应用中内部的各个层次,而不仅仅是通过用户界面测试响应时间. 1. Pylot -Pylot 是
-
深入理解Java中的final关键字_动力节点Java学院整理
Java中的final关键字非常重要,它可以应用于类.方法以及变量.这篇文章中我将带你看看什么是final关键字?将变量,方法和类声明为final代表了什么?使用final的好处是什么?最后也有一些使用final关键字的实例.final经常和static一起使用来声明常量,你也会看到final是如何改善应用性能的. final关键字的含义? final在Java中是一个保留的关键字,可以声明成员变量.方法.类以及本地变量.一旦你将引用声明作final,你将不能改变这个引用了,编译器会检查代码,如
-
Java线程安全的常用类_动力节点Java学院整理
线程安全类 在集合框架中,有些类是线程安全的,这些都是jdk1.1中的出现的.在jdk1.2之后,就出现许许多多非线程安全的类. 下面是这些线程安全的同步的类: vector:就比arraylist多了个同步化机制(线程安全),因为效率较低,现在已经不太建议使用.在web应用中,特别是前台页面,往往效率(页面响应速度)是优先考虑的. statck:堆栈类,先进后出 hashtable:就比hashmap多了个线程安全 除了这些之外,其他的集合大都是非线程安全的类和接口. 线程安全的类其方法是同步
-
Java中HashSet和HashMap的区别_动力节点Java学院整理
什么是HashSet? HashSet实现了Set接口,它不允许集合中有重复的值,当我们提到HashSet时,第一件事情就是在将对象存储在HashSet之前,要先确保对象重写equals()和hashCode()方法,这样才能比较对象的值是否相等,以确保set中没有储存相等的对象.如果我们没有重写这两个方法,将会使用这个方法的默认实现.. public boolean add(Object o)方法用来在Set中添加元素,当元素值重复时则会立即返回false,如果成功添加的话会返回true. 什
随机推荐
- Lua中table里内嵌table的例子
- SQL Server错误代码大全及解释(留着备用)
- Redis数据库的使用场景介绍(避免误用Redis)
- 彻底搞懂JS无缝滚动代码
- FTP服务器搭建之本地用户篇
- C# Winform下载文件并显示进度条的实现代码
- 基于Protobuf动态解析在Java中的应用 包含例子程序
- 用标准c++实现string与各种类型之间的转换
- JS去掉字符串前后空格或去掉所有空格的用法
- C#的WEBBROWSER与JS交互小结
- asp下去除数组中重复项的方法
- SQL的Join使用图解教程
- 使用dynatrace-ajax跟踪JavaScript的性能
- js右键菜单效果代码
- Nginx配置文件(nginx.conf)配置详解(总结)
- Kloxo-MR VPS主机控制面板-安装使用及中文设置方法
- C语言数据结构 双向链表的建立与基本操作
- PHP5.0~5.6 各版本兼容性cURL文件上传功能实例分析
- python中set()函数简介及实例解析
- 详解Java生成PDF文档方法