js的数组ECMAScript 5加入的方法(二)
2015-07-07 23:01
721 查看
some方法,every方法
这两个方法类似“断言”(assert),用来判断数组成员是否符合某种条件。some方法对所有元素调用一个测试函数,只要有一个元素通过该测试,就返回true,否则返回false。var a =[1, 2, 3, 4, 5].some(function(elem, index, arr){ return elem >= 6; }); alert(a);//false
[1, 2, 3, 4, 5].every(function(elem, index, arr){ return elem >= 3; }); // 返回false可以看出some函数只要有部分符合条件,就返回true ,every方法则需要每一个元素都符合才返回true。它们也可以使用第二个参数,用来绑定函数中的this关键字。
reduce方法,reduceRight方法
educe方法和reduceRight方法的作用,是依次处理数组的每个元素,最终累计为一个值。这两个方法的差别在于,reduce对数组元素的处理顺序是从左到右(从第一个成员到最后一个成员),reduceRight则是从右到左(从最后一个成员到第一个成员),其他地方完全一样。reduce方法的第一个参数是一个处理函数。该函数接受四个参数,第一个参数是用来累计的变量,默认0,后三个分别是数组元素,索引,数组本身。
var a = [1, 2, 3, 4, 5].reduce(function(x, y){ return x+y; }); alert(a);//15
可以利用reduce方法写一个数组的sum函数
Array.prototype.sum = function (){ return this.reduce(function (partial, value){ return partial + value; }) }; [3,4,5,6,10].sum(); //28那么reduce方法有第二个参数吗?也是绑定this吗?答案是不是,它的第二参数表示累计值的初始值,我们可以为它设计一个初始值。
Array.prototype.sum = function (){ return this.reduce(function (partial, value){ return partial + value; },10); }; alert([3,4,5,6,10].sum());
由于reduce方法依次处理每个元素,所以实际上还可以用它来搜索某个元素。比如,下面代码是找出长度最长的数组元素。
function findLongest(entries) { return entries.reduce(function (longest, entry) { return entry.length > longest.length ? entry : longest; }, ''); }
indexOf 和 lastIndexOf
ECMAScript 5新增的9个方法之中,有2个与函数式编程无关,分别是indexOf和lastIndexOf。indexOf方法返回给定元素在数组中第一次出现的位置,如果没有出现则返回-1。
var a = ['a','b','c']; a.indexOf('b') // 1 a.indexOf('y') // -1
indexOf方法还可以接受第二个参数,表示搜索的开始位置。
['a','b','c'].indexOf('a', 1) // -1
上面代码从位置1开始搜索字符a,结果为-1,表示没有搜索到。
lastIndexOf方法返回给定元素在数组中最后一次出现的位置,如果没有出现则返回-1。
var a = [2, 5, 9, 2]; a.lastIndexOf(2) // 3 a.lastIndexOf(7) // -1
注意,如果数组中包含NaN,这两个方法不适用。
[NaN].indexOf(NaN) // -1 [NaN].lastIndexOf(NaN) // -1
这是因为这两个方法内部,使用严格相等运算符(===)进行比较,而NaN是唯一一个不等于自身的值。
上面这些数组方法之中,有不少返回的还是数组,所以可以链式使用
var users = [{name:"tom", email:"tom@example.com"}, {name:"peter", email:"peter@example.com"}]; users .map(function (user){ return user.email; }) .filter(function (email) { return /^t/.test(email); }) .forEach(alert); // 弹出tom@example.com
相关文章推荐
- JSP详解
- 编写高质量代码——JavaScript篇
- 如何抓取JS动态输出(非ajax)的电话号码
- jsp (四)
- doT.js详细使用介绍
- js中的this关键字详解
- JS DOM编程艺术——setAttribute—— JS学习笔记2015-7-7(第78天)
- JS实现原理-隐藏元素的显现
- 欢迎使用CSDN-markdown编辑器
- JSTL整理总结
- js的数组ECMAScript 5加入的方法(一)
- javascript arguments
- js 实现map功能
- javascript arguments
- 解决使用Boost的ptree输出json中文乱码的问题
- js数学 atan2 cos sin
- 【js】 流式布局 页面
- Chrome控制台 JS调试的一些小技巧
- javascript内置顶层函数
- javascript数租