模拟Array中的forEach()方法

最新推荐文章于 2022-08-06 01:14:45 发布
最新推荐文章于 2022-08-06 01:14:45 发布
阅读量437 收藏 1
点赞数
分类专栏： JS基础
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/evebear2013/article/details/79366011
版权
<!DOCTYPE html>
<html>
<head>
<title>模拟Array中的forEach()方法</title>
</head>
<body>


<script type="text/javascript">
/*
// ECMA中 forEach(); 循环遍历数组中的每一项,只适合一维数组
var arr = [1,2,3,[4,[5]]];
arr.forEach(function(item) {
alert(item);
});// 1 2 3 4,5
*/


// 自己实现forEach(), 且能遍历多维
var arr = [1,2,3,[4,[5,[6]]]];
Array.prototype.each = function(fn){
try{
// 1.目的:遍历一个数组，需要一个计数器，指向当前遍历的元素位置
this.i || (this.i = 0);
// 2. 严谨的判断什么时候进入each的核心方法
// 当数组长度大于0 的时候 且 传递的参数必须为函数
if(this.length > 0 && fn.constructor == Function) {
// 遍历循环数组的每一项
while(this.i < this.length) {
// 获取数组的每一项
var e = this[this.i];
// 如果当前元素获取了，且当前元素是一个数组
if(e && e.constructor == Array){
// 直接做递归的操作
e.each(fn);


} else {
// 如果不是数组，就是单个元素
// 则将元素作为实参传递给fn，执行fn函数
fn.apply(e,[e]);
}
this.i++;
}
this.i = null; // 释放内存，垃圾回收机制
}




} catch(ex){
//do something
}


return this;
};




arr.each(function(item) {
alert(item);
})


</script>


</body>
</html>



evebear2013
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
C#中foreach原理以及模拟的实现
09-04
主要介绍了C#中foreach原理以及模拟的实现方法,备有详尽的注释,便于深入理解C#原理,需要的朋友可以参考下
模拟forEach实现
qq_40285497的博客
06-09 201
直接上代码 Array.prototype.myForEach = function (fn, self) { if (typeof fn !== 'function') { throw new TypeError(fn + 'is not a function') } for (let i = 0; i < this.length; i++) { if (self) { fn.call(self, this[i],
模拟Array中forEach函数的用法
all_outD的博客
08-13 207
数组中可以不用for循环来遍历数组元素，那就是通过forEach()函数来进行遍历，这里用自己构造出来的函数模拟forEach函数的运行过程。 Array.prototype.myforEach = function(handler){ for(i=0;i<this.length;i++){ handler(i,this[i]); } } var arr = ["gaygay","daidai","pangpang"]; arr.myfo
模拟js中Array对象的foreach方法
ruienger的博客
08-14 304
模拟js中Array对象的foreach方法 js中Array对象里的forEach方法用于遍历arr中的所有元素，利用回调函数完成遍历功能 代码： //在arr对象原型中新增一个 myForEach 方法 Array.prototype.myForEach=function(handler){ //handler是接受回调的函数 //遍历的方式不唯一，下面循环里i代表了索引，因此从0开始,this指向调用该方法的arr数组 for(var i=0; i < this.lengt
模拟数组api中的forEach()
qq_38386314的博客
12-19 169
//1: 模拟实现 forEach方法 Array.prototype.arr_forEach = function (callback,thisArg) { var _this = this; if(arguments.length > 1){ _this = thisArg } if (!Array.isArray(this)) { throw new Error('param.
array-foreach:Array.prototype.forEach polyfill
06-03
`Array.prototype.forEach` 是JavaScript语言中的一个核心方法，用于遍历数组中的每个元素，并执行提供的回调函数。在一些老版本的浏览器中，如IE8及更早版本，不支持这个特性，因此开发者需要使用polyfill（填充物...
php中foreach结合curl实现多线程的方法分析
10-21
一种常见的方法是结合`foreach`循环和`curl`库，这在处理大量并发请求时非常有用。下面我们将深入探讨如何使用这两种工具来模拟多线程。 首先，让我们看看如何使用`foreach`循环和`curl`进行单次请求： ```php $...
为原生js Array增加each方法
10-28
})`，会依次打印数组中的每个元素，模拟了类似`forEach`的功能，但使用的是自定义的`each`方法。 通过这种方法，我们为JavaScript的Array增加了一个新的`each`方法，可以方便地遍历数组并执行相应的操作。需要注意...
PHP模拟http请求的方法详解
01-20
本文实例讲述了PHP模拟http请求的方法。分享给大家供大家参考，具体如下： 方法一：利用php的socket编程来直接给接口发送数据来模拟post的操作。 建立两个文件post.php,getpost.php post.php内容如下： <?php $...
JavaScript forEach中return失效问题解决方案
10-15
在JavaScript编程中，`forEach`方法是用于遍历数组的一种常用方式，但有时开发者会遇到在`forEach`内部使用`return`语句却无法达到预期效果的问题。这主要是因为`forEach`方法的`return`语句并不像在普通函数中那样...
用对象的属性和方法模拟forEach函数
yss778的博客
08-06 251
forEach 的功能：用来遍历数组的方法。
数组遍历forEach的实现
m0_46730138的博客
09-01 393
仅将forEach遍历作为函数进行封装 var arr = [1, 6, 9, 8]; function myForEach(array, cb) { for (var i = 0; i < array.length; i++) { cb(array[i], i, array); } } myForEach(arr, function(value, index, array) { console.log(value); consol
c#基础知识---Array类的属性和方法
zhanglei1234321的博客
01-20 2338
C# Array 类 Array 类是 C# 中所有数组的基类，它是在 System 命名空间中定义。Array 类提供了各种用于数组的属性和方法。 Array 类的属性 下表列出了 Array 类中一些最常用的属性： 序号 属性 & 描述 1 IsFixedSize 获取一个值，该值指示数组是否带有固定大小。
关于在数组forEach方法内部使用异步操作引发的思考
weixin_54000091的博客
12-02 431
forEach，异步
html函数参数数组遍历,数组的array.forEach()方法
weixin_34334554的博客
06-18 1168
forEach()是ECMAScript 5中对数组(Array)对象增加的实例方法，该方法会按数组索引的升序，为数组中每一项都执行一次给定的函数。相对于for…in循环，使用forEach()方法遍历数组元素更简单。1. 语法结构array.forEach(callback[, thisArg])callback，要为数组的每一项执行的函数。该函数有以下三个参数：currentValue，当前项...
模拟实现JS( forEach)方法
qq_20911007的博客
10-29 1299
&lt;script type="text/javascript"&gt; function addEachMethod(obj,attrName){ obj[attrName] = function(fn) { var keys = Object.keys(this); this.fn = fn; window.newArr = []; for (var i = ...
ES6新增数组函数的实现（一）——自己实现一个forEach()
Vgbire的博客
05-13 388
  没什么好说的，直接贴代码。 Array.prototype.forEach = function(callback){ var arr = this; for(var i = 0; i < arr.length; i++){ callback(arr[i], i); } return; }   var arr = this; 这里是关键，这样在大多数情况下就不会改变原数据   什么？ES6新增数组函数调用时都不会改变原数组？那你就错了。   推荐看我的这篇博文https://blo
JS学习之Array数组forEach方法
热门推荐
北京欢迎您
09-06 1万+
它只是对数组中的每一项运行传入的函数。什么意思？看例题说话 var arr=[1,2,3,4,5]; arr.forEach(function(item){ consolo.log(item); consolo.log("----"); } 结果如图 也就是说，forEach首先对arr数组中的第一项（也就是1，索引为0）的执行函数内的代码，然后对第二项（...
对使用in_array()对同一个数组多次查找不同值时效率低下的优化策略
fresHana的博客
07-12 1458
使用in_array()对目标数组$arr频繁搜索时，效率是非常低下，针对这种case, 可以使用array_flip()和isset()进行优化；定义目标数组的长度为n, 搜索次数为m，假设m和n均为一个较大的数据，否则也没有优化的必要 具体的做法时，首先使用array_flip()函数交换数组中的键和值; 然后使用isset进行判断； 原理：in_array()做数据查找时是对数组的一次遍
array实现异步foreach
最新发布
06-09
在JavaScript中，可以通过async/await和Promise来实现异步的forEach操作。以下是一个使用Promise实现的异步forEach的示例： ```javascript async function asyncForEach(array, callback) { for (let index = 0; index < array.length; index++) { await callback(array[index], index, array) } } ``` 在上面的示例中，我们定义了一个asyncForEach函数，它接受一个数组和一个回调函数作为参数。在该函数中，使用for循环遍历数组，同时在每次循环中使用await关键字等待回调函数执行完毕。由于回调函数是一个异步操作，因此使用await关键字可以确保该操作执行完毕后再继续执行下一次循环。 以下是一个使用asyncForEach函数来遍历数组的示例： ```javascript const myArray = [1, 2, 3, 4, 5] asyncForEach(myArray, async (item) => { console.log(item) await sleep(1000) }) function sleep(ms) { return new Promise(resolve => setTimeout(resolve, ms)) } ``` 在上面的示例中，我们使用asyncForEach函数来遍历myArray数组，并且在每次循环中使用sleep函数来模拟一个异步操作。由于使用了await关键字，因此在每次循环中会等待1秒钟后再继续执行下一次循环。这样就可以确保异步操作按照顺序依次执行。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值