JavaScript数组方法map

map方法是我最喜欢的方法了，虽然简单，但功能强大，用起来非常方便。在ECMPAScript 5中也添加了这个方法。

map()方法功能：将调用的数组的每个元素传递给指定的函数，并返回一个数组，该数组由函数的返回值构成。

注：map返回的是新数组，它不修改调用的数组。

为了兼容不支持map的浏览器，developer.mozilla.org上给出了map兼容性解决方法。

// Production steps of ECMA-262, Edition 5, 15.4.4.19

// Reference: http://es5.github.com/#x15.4.4.19

if(!Array.prototype.map) {

Array.prototype.map = function(callback, thisArg) {

varT, A, k;

if(this== null) {

thrownewTypeError(" this is null or not defined");

}

// 1. Let O be the result of calling ToObject passing the |this| value as the argument.

varO = Object(this);

// 2. Let lenValue be the result of calling the Get internal method of O with the argument "length".

// 3. Let len be ToUint32(lenValue).

varlen = O.length >>> 0;

// 4. If IsCallable(callback) is false, throw a TypeError exception.

// See: http://es5.github.com/#x9.11

if(typeofcallback !== "function") {

thrownewTypeError(callback + " is not a function");

}

// 5. If thisArg was supplied, let T be thisArg; else let T be undefined.

if(thisArg) {

T = thisArg;

}

// 6. Let A be a new array created as if by the expression new Array(len) where Array is

// the standard built-in constructor with that name and len is the value of len.

A = newArray(len);

// 7. Let k be 0

k = 0;

// 8. Repeat, while k < len

while(k < len) {

varkValue, mappedValue;

// a. Let Pk be ToString(k).

// This is implicit for LHS operands of the in operator

// b. Let kPresent be the result of calling the HasProperty internal method of O with argument Pk.

// This step can be combined with c

// c. If kPresent is true, then

if(k inO) {

// i. Let kValue be the result of calling the Get internal method of O with argument Pk.

kValue = O[ k ];

// ii. Let mappedValue be the result of calling the Call internal method of callback

// with T as the this value and argument list containing kValue, k, and O.

mappedValue = callback.call(T, kValue, k, O);

// iii. Call the DefineOwnProperty internal method of A with arguments

// Pk, Property Descriptor {Value: mappedValue, : true, Enumerable: true, Configurable: true},

// and false.

// In browsers that support Object.defineProperty, use the following:

// Object.defineProperty(A, Pk, { value: mappedValue, writable: true, enumerable: true, configurable: true });

// For best browser support, use the following:

A[ k ] = mappedValue;

}

// d. Increase k by 1.

k++;

}

// 9. return A

returnA;

};

}

转载于:https://blog.51cto.com/shaou/1307430

JavaScript数组方法map相关推荐

js 数组从头添加到数组_如何从头开始实现JavaScript数组方法
js 数组从头添加到数组介绍 (Introduction) JavaScript includes several functions for working with arrays that go ...
JavaScript 数组方法遍历
JavaScript 数组方法创建一个数组 Concat()连接两个或更多的数组并返回结果 join()用指定分隔符分隔数组并转换为字符串 Push()可向数组的末尾添加一个或多个元素,并返回 ...
JavaScript数组方法学习（一）：数组元素的增加和删除
JavaScript数组方法学习(一):数组元素的增加和删除文章目录 JavaScript数组方法学习(一):数组元素的增加和删除前言一.往数组里新增元素 1.在数组的最前面添加:unshift ...
JavaScript数组方法大全解
0 前言本文只讲解标准化方法,而不会讲解实验性方法,如at().groupBy().groupByMap()和toSource(). 数组中的部分方法需要提供区间范围begin/start和end, ...
JavaScript数组方法大全(推荐)
数组在笔试中经常会出现的面试题,javascript中的数组与其他语言中的数组有些不同,为了方便之后数组的方法学习,下面小编给大家整理了关于数组的操作方法,一起看看吧. 数组创建 JavaScript ...
JavaScript数组方法速查手册
32个数组的常用方法和属性一.数组属性 length - 长度属性 var arr = [ 'a', 'b', 'c' ]; console.log(arr.length); // 输出 3 // ...
JavaScript数组方法终极指南-地图
The map() method applies a function to each element in an array and returns a copy of the original a ...
JavaScript数组方法(最新）包含ES10方法
JS数组方法(最新) 数组方法一.数组方法(添加,删除) 1.push() 2.pop() 3.unshift() 4.shift() 二.数组方法(插入,连接,反转,排序,剪切,拼接) 1.spl ...
JavaScript数组方法大全（分为会不会改变原数组）
若看不懂注释的输出方式可以将代码粘贴到浏览器中执行观看 1. 数组通用方法 Array.from: 将一个类数组转化成数组类数组:Set, Map,对象等可遍历对象皆为类数组 Array.from( ...

JavaScript数组方法map

JavaScript数组方法map相关推荐

最新文章

热门文章