JavaScript Array 整理 - 遍历操作

今天看看基础,在前端开发中,Array的基础操作很是频繁多见,在ES5中有许多Array的新特性,但是对于我等中国的码农,尤其是PC前端狗整天就与IE678打交道,有事没事就套一套jQuery,对原生的Array操作肯定特别生疏,我也一样。在面试题中,对Array的操作也是热门题目,今天我就整理整理最常用的Array方法。

先说说最常用的遍历操作

分别是:

  1. forEach
  2. every
  3. some
  4. map
  5. filter

以上5个函数接受的参数都一样,分别是:

  1. fn : function类型,接收3个参数:1,当前遍历的值;2,当前下标;3,当前的数组对象
  2. thisObj: 可选参数,指定fn函数的执行上下文

Array.prototype.forEach(fn, thisObj)

描述

此函数就是用来遍历数组的每一个元素,然后在回调里进行各种操作,回调的返回值没有意义。

return

Null

Array.prototype.every(fn, thisObj)

描述

此函数用来遍历数组的每一个元素,回调的返回值有意义,返回false时,数组停止循环。

return

Boolean, 数组中所有元素是否全部满足fn的条件。

Array.prototype.some(fn, thisObj)

描述

此函数用来遍历数组的每一个元素,回调的返回值有意义,返回true时,数组停止循环。

return

Boolean, 数组中是否存在满足fn条件的元素。

Array.prototype.map(fn, thisObj)

描述

此函数遍历数组的每一个元素,不会改变原数组,fn回调的返回值会用来生成新数组中的元素。

return

Array,fn中每一个返回值都是新数组中的每一个元素。

Array.prototype.filter(fn, thisObj)

描述

此函数用来遍历数组的每一个元素,不会改变原数组,fn回调必须返回Boolean类型,表示当前元素是否满足条件可以被返回。

return

Array,fn中每返回一个值,即会添加到新数组中。

要点:forEach, every, some 三者、mapfilter 两者的区别需要特别注意。

问题:一个数组最多可以有多长?

ES5中规定 (http://es5.github.io/#x9.6),数组的长度会使用 toUint32() 转化,即 2^32。