es5数组拓展，map映射方法

比眉伴天荒 2022-04-04 14:58 413阅读 0赞

map()方法的详解：

> array.map(function(currentValue,index,arr), thisValue);传参与forEach或者Filter相同，切记：如果操作新返回的数组，es5数组拓展中使用的这些方法，都需要克隆一下，因为示例中都是复制元素（对象）地址。

上代码：

<!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>数组扩展</title>
    </head>
    <body>
    <ul>
    	<li></li>
    	<li></li>
    	<li></li>
    	<li></li>
    </ul>
    
    <script>
    	// forEach 遍历数组
    	var personArr = [
    		{name:'王一',des:'有病',sex:'m'},
    		{name:'王二',des:'有钱',sex:'f'},
    		{name:'王三',des:'有才',sex:'f'},
    		{name:'王四',des:'有病',sex:'m'},
    	];
    
    	//map  映射  x -> y
    	//map 返回新数组  function ele index self   {}
    
    	Array.prototype.myMap = function(fn){
    		var _arr = this, len = _arr.length, param2 = arguments[1] || window,newArr = [];
    		for(var i = 0; i < len; i++){
    			newArr.push(fn.apply(param2,[_arr[i],i,_arr]));//如果需求，可以使用深度克隆
    		}
    		return newArr
    	}
    
    	var newArr = personArr.myMap(function(ele,index,self){
    		console.log(ele,index,self,this);
    		ele.name = ele.name + 10;
    		return ele;
    	},{name:'tac'});
    	
    
    </script>
    	
    </body>
    </html>

发表评论取消回复

表情：

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

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

相关阅读

相关数组forEach方法详解，拓展map、filter、some、every，以及ES6的find和findIndex方法

Array.prototype.forEach() `forEach()` 方法对数组的每个元素执行一次给定的函数。函数返回值为undefined 语法： >

痛定思痛。/ 2023年01月16日 15:29/ 0 赞/ 121 阅读

相关 ES dynamic mapping（动态映射）

今天有小伙伴问，Elasticsearch 索引里面的mapping 设置 dynamic = true是什么意思？一：ES mapping dynamic是做什么用的

我会带着你远行/ 2022年12月11日 11:29/ 0 赞/ 214 阅读

相关 JavaScript 数组操作方法和 ES5数组拓展

JavaScript中数组有各种操作方法，以下通过举例来说明各种方法的使用：数组操作方法 push 在数组最后添加一个元素 var arr=[3,

╰半夏微凉°/ 2022年04月24日 10:50/ 0 赞/ 286 阅读

相关 es5数组拓展，Every 比较（逻辑或）方法，Some比较（逻辑与）方法

every()方法详解： > every()方法用于检测数组所有元素是否都符合指定条件（通过函数提供）。every()方法使用指定函数检测数组中的所有元素：如果数组中检测到有

向右看齐/ 2022年04月04日 15:13/ 0 赞/ 228 阅读

相关 es5数组拓展，map映射方法

map()方法的详解： > array.map(function(currentValue,index,arr), thisValue);传参与forEach或者Filter

比眉伴天荒/ 2022年04月04日 14:58/ 0 赞/ 414 阅读

相关 es5数组拓展，Filter过滤方法

Filter方法详解： > array.filter(function(currentValue,index,arr), thisValue);该方法与forEach()类似

你的名字/ 2022年04月04日 14:54/ 0 赞/ 502 阅读

相关 es5数组拓展，forEach遍历方法

forEach方法的详解： > array.forEach(function(currentValue, index, arr), thisValue);该方法接受两个参数，

小灰灰/ 2022年04月04日 14:22/ 0 赞/ 357 阅读

相关 ES6 数组 map() 和 reduce () 方法

const obj = { a: 1, b: 2, c: 3, d: 4}; console.log(Object.entries(obj)); //

女爷i/ 2022年01月12日 08:47/ 0 赞/ 332 阅读

相关 ES5 数组扩展 indexOf()、lastIndexOf()、forEach()、map()、filer()方法详解

Array.prototype 属性表示 [`Array`][Array] 构造函数的原型，并可以向所有 Array 对象添加新的属性和方法。 Array.prototyp

朴灿烈づ我的快乐病毒、/ 2021年12月05日 14:49/ 0 赞/ 355 阅读

相关 es5 数组方法

ES5 数组方法的扩展数组对象.forEach(function(item,index){}); 数组对象.map(function(i

╰半夏微凉°/ 2021年07月24日 14:34/ 0 赞/ 503 阅读