关闭

js的数组ECMAScript 5加入的方法(二)

303人阅读 评论(0) 收藏 举报
分类:

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






0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:39234次
    • 积分:815
    • 等级:
    • 排名:千里之外
    • 原创:42篇
    • 转载:13篇
    • 译文:0篇
    • 评论:2条
    文章分类
    最新评论