您的位置:首页 > Web前端 > JavaScript

【js学习笔记-043】-- ECMAScript5数组方法

2013-07-25 17:43 621 查看
ECMAScript5提供了9个新数组方法:遍历、映射、过滤、检测、简化、和搜索数组

大多数方法的第一个参数接收一个函数,并且对数组的每个元素调用一次该函数。如果是稀疏数组,对不存在的元素不调用传递的函数。在大多数情况下,调用提供的函数使用三个参数:数组元素,元素的索引,数组本身,通常情况只提供第一个参数,忽略后两个参数。

第二个参数是可选的,如果有第二个参数,则调用的函数被看做是第二个参数的方法,即在调用函数内使用this代表的是第二个参数。

数组方法是不会修改它们调用的原数组。当然,传递给这些方法的函数可以修改这些数组。

forEach():

方法从头至尾遍历数组,为每个元素调用指定的函数

注意:无法在所有元素都传递给调用的函数之前终止遍历(就是不能break or return)。

map():

数组的每一个元素传递给指定的函数,并返回一个数组,它包含该函数的返回值。

filter():

方法返回的数组元素是调用的数组的一个子集。传递函数是用来逻辑判定的即该函数返回true或false。filter会跳过稀疏数组中缺少的元素,它的返回数组总是稠密的,即压缩稀疏数组的空缺:

var dense = sparse.filter(function(){return false});

压缩空缺并删除undefined和null元素,可以这样使用filter():

a = a.filter(function(x){ return x!=undefined && x!=null});

every()和some():

是数组的逻辑判定:它们对数组元素应用指定的函数判定,返回true或false

every()方法就像数学中的“针对所有”:当且仅当对数组中的所有元素调用判定函数都返回true。

some()方法就像数学中的“存在”量词,当数组中至少有一个元素调用判定函数返回true。则判定函数返回true。并且仅当数值中的所有元素都返回false,它才返回false。

reduce()和reduceRight():

使用指定的函数将数组元素进行组合,生成单个值。这在函数式编程中是常见的操作,也可以称为“注入”和“折叠”如下:

var a = [1,2,3,4,5];

var sum = a.reduce(function(x,y){return x+y},0); //数组求和

var product = a.reduce(function(x,y){return x*y},1); //数组求积

var max = a.reduce(function(x,y){return x>y?x:y;}); //求最大值

reduce()需要两个参数。第一个是执行简化操作的函数。化简函数的任务就是用某种方法把两个值组合或化简为一个值,并返回化简后的值。第二个可选参数是一个传递给函数的初始值。简化操作函数,与上面提到的forEach和map使用的函数不同,比较熟悉的“数组元素”,“元素的索引”,“数组本身”将作为第2~4个参数传递给函数。第一个参数是到目前为止的化简操作累积的结果。第一次调用函数时,第一个参数是一个初始值即传递给reduce()的第二个参数。如上面描述,求max时没有使用第二个参数(即没有指定初始值)。当不指定初始值调用reduce()时,它将使用数组的第一个元素作为初始值。这意味着第一次调用简化函数就使用了第一个和第二个数组元素作为其第一个参数和第二个参数。

如果不带初始值参数调用reduce()将导致类型错误异常;

如果调用时只有一个值,数组只有一个元素并且没有指定初始值,或有一个空数组并指定一个初始值。reduce()只是简单地返回那个值而不会调用简化函数。

值得注意的是:every()和some()方法是一种类型的数组化简操作。但是不同的是,它们会尽早终止遍历而不总是访问每一个数组元素。

注意:数学计算不是reduce()和reduceRight()的唯一意图。参考前面提到的属性枚举时看到的一个例子

/*返回一个新对象,这个对象同时拥有o的属性和p的属性,如果o和p中有重名属性,使用p中的属性*/

function union(o,p){

return extend(extend({},o),p);

}

function extend(o,p){

for(prop in p){

o[prop] = p[prop];

}

return o;

}

var objects = [{x:1},{y:2},{z:3}];

var mered = objects.reduce(union); //=>{x:1,y:2,z:3}

reduceRight工作原理与 reduce()一样,不同的是它按照数组索引从高到低处理数组。

indexOf()和lastIndexOf()

找到返回索引,没找到返回-1。lastIndexOf()则反射搜索。接收两个参数,第一个索引值,第二个(可选)指定数组中的一索引,从哪里开始搜索。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: