JavaScript Array 整理 - 遍历操作

这是我的原创文章,原文地址:http://www.h5shop.org/article/48/

今天谈谈基础,在前端开发中,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。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值