资讯专栏INFORMATION COLUMN

JavaScript Array 整理 - 遍历操作

mengera88 / 405人阅读

摘要:描述此函数用来遍历数组的每一个元素,回调的返回值有意义,返回时,数组停止循环。问题一个数组最多可以有多长中规定,数组的长度会使用转化,即。

这是我的原创文章,原文地址:http://lpgray.me/article/48/

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

先说说最常用的遍历操作

分别是:

forEach

every

some

map

filter

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

fn : function类型,接收3个参数:1,当前遍历的值;2,当前下标;3,当前的数组对象

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。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/85498.html

相关文章

  • JavaScript Array 整理 - 元素操作

    摘要:此文章是我的原创文章,原文地址前篇整理了一些常用的遍历操作方法,今天再整理一下对象中针对元素操作的方法。返回当前数组最后一个元素描述返回数组第一个元素,并从当前数组中删除它。删除的元素组成的数组 此文章是我的原创文章,原文地址:http://lpgray.me/article/49/ 前篇整理了一些Array常用的遍历操作方法,今天再整理一下Array对象中针对元素操作的方法。 分别是...

    phodal 评论0 收藏0
  • Array 对象方法整理

    摘要:对象方法数组创建与修改创建创建一个新数组实例将类数组类似数组的对象和可遍历的对象转为真正的数组。返回一个新的对象,该对象包含数组每个索引的值。遍历键遍历值遍历键值对参考文档标准库对象 Array 对象方法 数组创建与修改 1. 创建 var arr = []; var arr = new Array() Array.of(el1[,el2[...]]) //创建一个新数组实例 Ar...

    IntMain 评论0 收藏0
  • 〔总结〕容易遗忘的JS知识点整理

    摘要:命名函数的赋值表达式另外一个特殊的情况是将命名函数赋值给一个变量。这是由于的命名处理所致,函数名在函数内总是可见的。当需要向回调函数传递参数时,可以创建一个匿名函数,在函数内执行真实的回调函数。 1.hasOwnProperty相关 为了判断一个对象是否包含自定义属性而不是原型链上的属性,我们需要使用继承自 Object.prototype 的 hasOwnProperty方法。has...

    explorer_ddf 评论0 收藏0
  • 前端面经整理之JS和CSS

    摘要:作为对象原型链的终点。调用函数时,应该提供的参数没有提供,该参数等于。它可以用于引用该函数的函数体内当前正在执行的函数。 一 JS 二 CSS 一 JS ==和===的区别 ===叫做严格运算符 ==叫做相等运算符严格运算符比较时不仅仅比较数值还要比较数据类型是否一样相等运算符在比较相同类型的数据时,与严格相等运算符完全一样。 在比较不同类型的数据时,相等运算符会先将数据进行类型转换,...

    stonezhu 评论0 收藏0
  • 前端面经整理之JS和CSS

    摘要:作为对象原型链的终点。调用函数时,应该提供的参数没有提供,该参数等于。它可以用于引用该函数的函数体内当前正在执行的函数。 一 JS 二 CSS 一 JS ==和===的区别 ===叫做严格运算符 ==叫做相等运算符严格运算符比较时不仅仅比较数值还要比较数据类型是否一样相等运算符在比较相同类型的数据时,与严格相等运算符完全一样。 在比较不同类型的数据时,相等运算符会先将数据进行类型转换,...

    lvzishen 评论0 收藏0

发表评论

0条评论

mengera88

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<