数组方法之forEach底层封装

最新推荐文章于 2023-01-10 23:04:06 发布
VIP文章 最新推荐文章于 2023-01-10 23:04:06 发布
阅读量1.4k 收藏 5
点赞数 3
文章标签： javascript es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/panda_xm/article/details/108176459
版权

forEach方法是es5新增的数组方法，用于数组的循环遍历，只有一个参数，需要传入一个函数，很多人说是有三个参数，其实这种说话是错误的，是他的参数函数有三个形参，而不是forEach方法有三个参数。

1. 原生forEach方法的使用

（1）forEach方法接受一个函数参数，该函数参数中有三个形参，当然有些形参用不到就可以不声明。
（2）第一个形参为遍历数组的每一项；第二个形参为遍历数组的索性好；第三个参数为遍历数组的本身
（3）forEach方法可以在所有的数组实例中使用。
下图是forEach的基本使用和执行结果
在这里插入图片描述
在这里插入图片描述

2.封装思路分析

1.封装的函数应该定义在哪里，要搞明白这个问题之前我得先知道这个函数是给谁用的，当然是给数组用的，但是并不是给单个数组来使用的而是所有数组实例都公用的方法，那什么地方是所有的数组都可以访问到的呢？我们知道一个对象调用方法时假如自身没有定义这个方法，那么就会沿着原型链向上一直查找是否有该方法，没有找到就会报错。所以我们应该定义在数组实例的原型链上，而且是Array的原型对象上，也可以放在Object的原型上但是放在这里的话所有的对象都可以使用，而forEach方法是给数组使用的，

最低0.47元/天 解锁文章
panda_xm
关注
  • 3
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
php中如何使对象可以像数组一样进行foreach循环
10-27
php中如何使对象可以像数组一样进行foreach循环呢？下面小编就详细的为大家介绍一下吧！需要的朋友可以 过来参考下
MyBatis中foreach的用法
桐花思雨
11-20 2万+
目录`foreach` 说明 foreach 说明 你可以传递一个 list 实例或者 array 数组作为参数对象传给 mybatis。当你这么做的时候，mybatis 会自动将它包装在一个 Map 中，用名称作为键。list 实例将会以 list 作为键，而 array 数组实例将会以 array 作为键 foreach 元素的属性主要有 item，index，collection，open，separator，close item：表示集合中每一个元素进行迭代时的别名 index：指定一个名字，用于
【JS】JavaScript中的数组方式封装(包括两种sort写法)
a1611107035的博客
11-04 849
在JavaScript的ES6中新增了一些十分有用的数组遍历方式。尽管他们特别重要，但他们本质上都是语法糖。也就是说，我们可以比较轻松地封装我们自己的数组方式。本文将从forEach， map，filter，和every开始，到最后使用两种种方式封装数组排序的方法
封装forEach方法
qq_56696448的博客
09-28 276
看了点个赞
手动封装一个forEacht和Map
qq_45989814的博客
06-09 331
手动实现forEach
简单手写forEach等6个循环函数
Madman528的博客
10-11 525
问:为什么return不能跳出整个循环答:return可以跳出当前callback,, 而不能跳出整个for循环,问:那怎么跳出整个循环?答:try catch。
封装forEach
Cplloo的博客
06-13 277
方法封装
优化js数组的forEach方法——封装一个万能each
llx261489的博客
01-10 288
封装一个each方法实现并优化forEach的功能（1.可以检测参数类型，2.可以迭代数组和对象，3.可以中途结束循环，4.修改数组/对象内容并返回一个新的数组/对象，原来的数组/对象不变).....
详解vue数组遍历方法forEach和map的原理解析和实际应用
10-17
主要介绍了详解vue数组遍历方法forEach和map的原理解析和实际应用,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Javascript数组循环遍历之forEach详解
10-21
本篇文章主要介绍了Javascript 数组循环遍历之forEach详解，对学习forEach有很好的帮助，有需要的可以了解一下。
javascript中FOREACH数组方法使用示例
10-22
本文给大家介绍的是Array.prototype.forEach()的使用方法示例，希望对大家学习javascript能够有所帮助。
自封装数组的forEach(),fliter(),some(),every()方法 和字符串的repeat()方法
wangsiyisiyi的博客
01-11 1128
封装数组的forEach() 实现数组的遍历 //封装数组的forEach() 实现数组的遍历 function forEach(array,fn){ for(let i=0;i<arr.length;i++){ fn(array[i],i,array); } } let arr =[1,3,5,6,7,8]...
前端手动封装数组的foreach,map,filter,every,some,Reduce,reduceRight方法
歌谣的博客
03-20 4696
我是歌谣 放弃很容易 但坚持一定很酷 公众号小歌谣 谢谢关注 前言 Foreach Array.prototype.myForEach = function (cb) { var _arr = this; var _len = _arr.length; var _arg2 = arguments[1] || window; for (var i = 0; i < _len; i ++) { cb.apply(_arg2, [_arr[i], i, _arr]); } .
用foreach求数组之和_关于JavaScript原生数组的一些方法的封装（3）
weixin_39593354的博客
12-03 806
前言：很感谢您在百忙中抽空看一眼我的文章，希望在接下来的文章中能给您带来一点点收获，这将是我最大的荣幸，若有写的不好的地方，希望可以得到您的一些建议和指导。L_1_0:在JavaScript中，对数组的数据类型是使用的非常多的。无论是小demo还是大型项目，基本上都可以看到数组的身影。对于JavaScript原生给我们提供了很多封装好的方法，使用起来很简单，有小伙伴好奇过...
ES5-Array-foreach
weixin_34332905的博客
11-23 99
参考文章：ES5中新增的Array方法详细说明 forEach方法与map方法很相似，也就是调用数组的每个元素，并将元素传递给回调函数。 也就是对于数组中出现的每个元素，forEach 方法都会调用 callbackfn 函数一次。 但是，forEach方法不返回值，只用来操作数据。 map方法必须要return返回值。 这就是说，如果数组遍历的目的是为了得到返回值，那么使用map方法，否则使...
es5的forEach用法
hehepeng123的博客
03-07 2944
forEach是ES5中操作数组的一种方法，用来遍历数组中的每一项；这个方法执行是没有返回值的，对原来数组也没有影响； 数组中有几项，那么传递进去的匿名回调函数就需要执行几次； 每一次执行匿名函数的时候，还给其传递了三个参数值：数组中的当前项item,当前项的索引index,原始数组input； 理论上这个方法是没有返回值的，仅仅是遍历数组中的每一项，不对原来数组进行修改；但是我们可以自己通...
foreach原型方法
前端小99的博客
09-04 349
// 定义一个数组 var arr = ["吴洋洋", "董立成", "马国彤", "李双双"]; // 遍历数组 var result = arr.forEach(function(value, index, arr) { console.log(this, arguments); }) console.log(result); /** * forEach 实现数组迭代器的方法 * @arr 要遍历的数组 * @fn 执...
foreach用法，常用
热门推荐
一只小小的猿的博客
03-30 3万+
foreach的主要用在构建in条件中，它可以在SQL语句中进行迭代一个集合。foreach元素的属性主要有item，index，collection，open，separator，close。item表示集合中每一个元素进行迭代时的别名，index指定一个名字，用于表示在迭代过程中，每次迭代到的位置，open表示该语句以什么开始，separator表示在每次进行迭代之间以什么符号作为分隔符，cl
关于Foreach是如何实现的问题
写代码的蜗牛
10-28 2596
在探讨foreach如何内部如何实现这个问题之前，我们需要理解两个C#里边的接口，IEnumerable 与 IEnumerator. 在C#里边的遍历集合时用到的相关类中，IEnumerable是最基本的接口。这是一个可以进行泛型化的接口，比如说IEnumerable.在微软的.NET推出了这两个接口后，才有了foreach的用法，可以说，foreach是建立在这两个接口的基础之上的,for
js数组的foreach底层
最新发布
10-10
JavaScript的Array原型对象上的forEach方法底层使用的是for循环来遍历数组，并且可以传入一个回调函数作为参数，在遍历数组时对每个元素执行回调函数。其基本实现如下： ``` Array.prototype.forEach = function...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值