map原型方法

小灰灰 2021-09-02 04:28 365阅读 0赞

// 定义一个数组
    	var arr = ["吴洋", "董成", "马二", "李双双"];
    
    	// 在每一个同学的前面添加文案
    	 var result = arr.map(function(value, index, arr) {
    	 	console.log(this, arguments);
    	 	return "二十二期" + value;
    	 })
    
    	 console.log(result);
    
    
    
    
    	/**
    	 * map方法
    	 * @arr 要遍历的数组
    	 * @fn 要执行的函数
    	 * return 新的成员组成的数组
    	 ***/
    	function map(arr, fn) {
    		// 定义结果容器数组
    		var result = [];
    		// 遍历数组
    		for (var i = 0; i < arr.length; i++) {
    			// 执行函数并传递三个参数
    			// 成员值: arr[i] 索引值: i  原数组： arr
    			result.push(fn(arr[i], i, arr));
    		}
    		// 遍历完成之后， 返回新的数组
    		return result;
    	}
    
    	 var result = map(arr, function(value, index, arr) {
    	 	console.log(this, arguments);
    		return "二十二期" + value;
    	 })
    	 console.log(result);
    
    
    	// 兼容IE
    	if (!Array.prototype.map) {
    		// 添加该方法
    		Array.prototype.map = function(fn) {
    			// 定义结果容器数组
    			var result = [];
    			// 遍历数组，就是遍历this
    			for (var i = 0; i < this.length; i++) {
    				// 执行函数并传递三个参数
    				// 成员值: this[i] 索引值: i  原数组： this
    				result.push(fn(this[i], i, this));
    			}
    			// 遍历完成之后， 返回新的数组
    			return result;
    		}
    	}
    
    	var result = arr.map(function(value, index, arr) {
    		console.log(this, arguments);
    		return "二十二期" + value + "同学";
    	})
    
    	alert(result);

发表评论取消回复

表情：

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

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

相关阅读

相关 Map.computeIfAbsent()方法

公司代码中突然出现了这个方法，看了半天百思不得其解百度后豁然开朗 // 方法定义 default V computeIfAbsent(K key, Fu

淡淡的烟草味﹌/ 2023年10月08日 13:01/ 0 赞/ 46 阅读

相关 Map KeySet方法

Map KeySet方法 package com.map; import java.util.HashMap; import java.ut

た入场券/ 2023年09月28日 21:19/ 0 赞/ 14 阅读

相关 map的方法

JavaScript Array map() 方法 map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。 map() 方法按照原始数组元素顺序

今天药忘吃喽~/ 2023年08月17日 17:15/ 0 赞/ 65 阅读

相关原型、原型链

使用原型的注意点 constructor 属于原型对象，指向对应的构造函数，如果对原型重新赋值，则constructor会丢失，解决：手动设置constructor

比眉伴天荒/ 2023年07月09日 13:24/ 0 赞/ 31 阅读

相关 Js-对象的原型和原型链及原型对象方法

Ⅰ- 壹 - 对象的原型和原型链一对象简介什么是对象，其实就是一种类型，即引用类型。而对象的值就是引用类型的实例。在 ECMAScript 中引用类型是

曾经终败给现在/ 2023年07月06日 09:53/ 0 赞/ 63 阅读

相关 map.getOrDefault方法

map.getOrDefault方法为map取值设置默认值 @Test public void test11() { Map

清疚/ 2022年12月17日 01:23/ 0 赞/ 198 阅读

相关 Map的方法

Map.containsKey(Object key):map中有无此key,返回:true false Map.containsKey(Object value):map

Myth丶恋晨/ 2022年10月01日 04:49/ 0 赞/ 164 阅读

相关原型原型链

一、构造函数构造函数模式的目的就是为了创建一个自定义类，并且创建这个类的实例。构造函数模式中拥有了类和实例的概念，并且实例和实例之间是相互独立的，即实例识别。构造函

你的名字/ 2022年02月03日 10:43/ 0 赞/ 362 阅读

相关 foreach原型方法

// 定义一个数组 var arr = ["张三", "李四", "王五", "李双双"]; // 遍历数组 var resu

叁歲伎倆/ 2021年09月02日 05:01/ 0 赞/ 368 阅读

相关 map原型方法

// 定义一个数组 var arr = ["吴洋", "董成", "马二", "李双双"]; // 在每一个同学的前面添加文案

小灰灰/ 2021年09月02日 04:28/ 0 赞/ 366 阅读