给Array扩展一个each方法

太过爱你忘了你带给我的痛 2021-08-26 16:06 332阅读 0赞

我们来写一个 each 方法，然后挂载到 Array 的 prototype 上  
要实现的功能：

1.  必传参数 callback，如果有异常则抛出异常
2.  如果只有一个callback，则里面的 this 指向 window
3.  如果有第二个参数 obj, 则把 this 执行第二个参数 obj
4.  生成一个新的数组，用来返回处理过后的数据

function each (callback, obj) { 
    		let newArr = [];
    		// 如果有异常，抛出
    		try{  
    			if (callback === undefined) throw new Error("There should be a callback function in each method");
    			if (callback !== undefined && typeof callback !== "function") throw new Error("Callback is not a function");
    		}
    		catch (err) { 
    			console.error(err);
    			return false
    		}
    		
    		// return value
    		let flag;
    		
    		// judge function 
    		function judge (bol, arrValue) { 
    			if (!bol) newArr.push(arrValue);
    			else { 
    				newArr.push(bol);
    			}
    		}
    		
    		
    		// 循环数组
    		for (let i = 0; i < this.length; i++) { 
    		
    			// Determine whether there is a second parameter
    			if (obj === undefined) { 
    				flag = callback(arr[i], i);
    				judge(flag,arr[i]);
    			} else if (typeof obj === "object") { 
    				// 将 this 指向挂到 obj 上
    				flag = callback.call(obj, arr[i], i);
    				judge(flag,arr[i]);
    			}
    		}
    		return newArr;
    	}
    	
    	Array.prototype.each = each;
    	
    	// test
    	let arr = [10, 20, 30, 'AA', 40];
    	let obj = { };
    	arr = arr.each(function(item, index){ 
    		// obj
    		this[index] = item;
    		if (isNaN(item)) return false;
    		return item * 10;
    	},obj)
    	console.log(arr);   // [100, 200, 300, 'AA', 400]
    	console.log(obj);   // {0: 10, 1: 20, 2: 30, 3: "AA", 4: 40}

公众号：Coder 杂谈，欢迎关注  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMzQ1MjM3_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMzQ1MjM3_size_16_color_FFFFFF_t_70]: /images/20210813/fdf149f476b84038aeaff69c318ef38d.png

发表评论取消回复

表情：

评论列表（有 0 条评论，332人围观）

还没有评论，来说两句吧...

相关阅读

相关 ES5___ Array 扩展

1. Array.prototype.indexOf(value) : 得到值在数组中的第一个下标 <script type="text/javascript">

╰半橙微兮°/ 2022年12月08日 05:41/ 0 赞/ 181 阅读

相关 ruby each_在Ruby中使用Each方法

ruby each Every array and hash in Ruby is an object, and every object of these types ha

一时失言乱红尘/ 2022年12月06日 15:37/ 0 赞/ 230 阅读

相关 [JavaScript]给Array对象的原型添加一个数组去重的方法

var arr = [1, 2, 3, 2, 3] Array.prototype.unique = function () {

Love The Way You Lie/ 2022年11月28日 15:13/ 0 赞/ 88 阅读

相关 js 原型扩展数组array循环each方法

<html> <head> <meta http-equiv="content-type" content="text/html;charset=utf

ゝ一世哀愁。/ 2022年07月15日 10:50/ 0 赞/ 175 阅读

相关为JQuery扩展一个对象方法

应项目需求，对JQuery进行了一个扩展，需求如下：项目中需要在浏览器右下角提示操作错误和系统提示内容，并有滑动移出和关闭的效果，所以自己写了一个效果还可以的弹出框来。就是

妖狐艹你老母/ 2022年06月16日 02:55/ 0 赞/ 221 阅读

相关 JavaScript编程系列（一）自己实现Array的Each 方法

编程题：自己实现一个Array 的Each 方法，能遍历多维数组！实现如下： var arr=\[1,2,3,\[4,\[5,\[6\]\]\]\];//

川长思鸟来/ 2022年06月15日 06:17/ 0 赞/ 189 阅读

相关 JQ-$.each()方法使用

jQuery的$.each()函数是全局函数，用于循环遍历jQuery对象的每个元素，它对于多元素DOM操作，循环任意数组和对象属性非常有用。除了这个函数之外，jQuer

我不是女神ヾ/ 2022年05月20日 07:38/ 0 赞/ 178 阅读

相关 js扩展Array添加indexOf方法，remove方法,删除元素

/ 扩展Array，添加indexOf方法 @param val @returns {Number}

野性酷女/ 2022年04月12日 13:38/ 0 赞/ 299 阅读

相关 jQuery each() 方法

概述： jQuery中的 each 函数很方便,`$.each ()`函数封装了十分强大的遍历功能，它可以遍历一维数组、多维数组、DOM ，JSON 等等。 `$.ea

￡神魔★判官ぃ/ 2021年09月13日 23:22/ 0 赞/ 438 阅读

相关给Array扩展一个each方法

我们来写一个 each 方法，然后挂载到 Array 的 prototype 上要实现的功能： 1. 必传参数 callback，如果有异常则抛出异常 2. 如果只

太过爱你忘了你带给我的痛/ 2021年08月26日 16:06/ 0 赞/ 333 阅读