首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >javascript前端:封装array的foreach方法

javascript前端:封装array的foreach方法

原创
作者头像
极光科技
修改2019-10-11 10:13:39
修改2019-10-11 10:13:39
1.3K0
举报

在日常工作中,会经常遍历数组,除了常用的for循环外,forEach应该也是最常用的

forEach语法

array.forEach(function(currentValue, index, arr), thisValue)

但是需要注意的是,这个方法在IE低版本中竟然不兼容,所以下面封装一个,封装代码如下:

代码语言:javascript
复制
if (!Array.prototype.forEach) {
 Array.prototype.forEach = function forEach(callback, thisArg) {
 var T, k;
 if (this == null) {
 throw new TypeError("this is null or not defined");
 }
 var O = Object(this);
 var len = O.length >>> 0;
 if (typeof callback !== "function") {
 throw new TypeError(callback + " is not a function");
 }
 if (arguments.length > 1) {
 T = thisArg;
 }
 k = 0;
 while (k < len) {
 var kValue;
 if (k in O) {
 kValue = O[k];
 callback.call(T, kValue, k, O);
 }
 k++;
 }
 };
}
这里用到了prototype原型链

使用方式:

代码语言:javascript
复制
<script>
var vModel=[1,2,3,4] ; 
vModel.forEach(function (item, index) {
 console.log("值:"+item+"---序号:"+index)
 });
</script>

在ie8中运行正常,效果如下:

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • forEach语法
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档