js如何实现原生map

互联网 20-3-26

js原生方法map实现，代码如下：

<!DOCTYPE html> <html>  <head>   <meta charset="UTF-8">   <meta name="viewport" content="width=device-width, initial-scale=1.0">   <meta http-equiv="X-UA-Compatible" content="ie=edge">   <meta name="author" content="杨欣">   <title>map</title> </head>  <body>    <script>     Array.prototype.my_map = function (callback) {       if (!Array.isArray(this) || !this.length || typeof callback !== 'function') {         return []       } else {         let result = [];         for (let index = 0; index < this.length; index++) {           const element = this[index];           result.push(callback(element, index, this))         }         return result       }     }      let arr = [1, 2, 3, 4, 5]     let res = arr.my_map((ele, i) => {       return ele + 10     })     console.log(res)   </script> </body>  </html>

（推荐教程：js教程）

补充知识点：

1、在原型上添加一个方法

2、传一个函数和this

3、call 方法传的参数和封装好的map方法的参数是一样的。

Array.prototype.fakeMap = function(fn,context) { 	let arr = this; 	let temp = []; 	for(let i=0;i<arr.length;i++){ 		let result = fn.call(context,arr[i],i,arr); 		temp.push(result); 	} 	return temp; }

推荐视频教程：javascript视频教程

以上就是js如何实现原生map的详细内容，更多内容请关注技术你好其它相关文章！

来源链接：

免责声明：
1.资讯内容不构成投资建议，投资者应独立决策并自行承担风险
2.本文版权归属原作所有，仅代表作者本人观点，不代表本站的观点或立场

标签： Map