ecmascript 5中二维数组的map()方式有什么用

lxf2023-03-17 13:47:01

在ecmascript中,map()方法来对二维数组的每一个原素启用指定调用函数予以处理,并回到包括过程的二维数组;词法“array.map(function(currentValue,index,arr), thisValue)”。

ecmascript 5中二维数组的map()方式有什么用

实例教程作业环境:windows7系统软件、javascript1.8.5版、Dell G3计算机。

map()方法来对二维数组的每一个原素启用指定调用函数予以处理,并回到包括过程的二维数组。

map() 方式依照初始数组元素次序先后解决原素。

词法

array.map(function(currentValue,index,arr), thisValue)
主要参数叙述
function(currentValue, index,arr)

务必。函数公式,二维数组中的每个原素都是会实行这一函数公式。

函数调用:

  • currentValue 务必。现阶段原素数值

  • index 可选择。现阶段元素索引值

  • arr 可选择。现阶段原素归属于的数组对象

thisValue可选择。目标作为该实行调整时进行,传达给函数公式,作为 "this" 数值。
假如省略了 thisValue,或是传到 null、undefined,那样调用函数的 this 为全局对象。

map() 方式将回到一个新二维数组,在其中每一个原素均是关联初始数组元素的调整函数返回值。针对二维数组中的每个原素,map() 方式都是会启用 callbackfn 函数公式一次(选用降序检索次序),并不能为字符串中缺乏元素启用调用函数。

除开数组对象以外,map() 方式可以由具备 length 特性,并且具有已按编写检索的属性名的所有目标应用,如 Arguments 主要参数目标。

map() 方式没有直接改动初始二维数组,但调用函数可能改动它。在 map 方式启动时改动数组对象所取得的结论表明如表所显示。

调用函数改动二维数组产生的影响
map 方式启动时的前提条件原素是不是传达给调用函数
在二维数组最原始的长短以外添加元素
添加元素以填充二维数组中缺乏元素是,若该检索并未传达给调用函数
原素已变更是,若该原素并未传达给调用函数
从二维数组中删除元素否,除非是该原素已传达给调用函数

实例1

下边实例应用 map() 方式投射二维数组,把二维数组中每一个原素数值平方米,乘于 PI 值,把返回圆的面积值作为二维数组元素值,最终回到这个新二维数组。

function f (radius) {
    var area = Math.PI * (radius * radius);
    return area.toFixed(0);
}
var a = [10,20,30];
var a1 = a.map(f);
console.log(a1);

ecmascript 5中二维数组的map()方式有什么用

实例2

下边实例应用 map() 方式投射二维数组,把二维数组中每一个原素数值除于一个阀值,随后回到这个新二维数组在其中调用函数和阀值都是以对象的属性存有,根据此方法演试怎样在 map 中应用 thisArg 主要参数。

var obj = {
    val : 10,
    f : function (value) {
        return value % this.val;
    }
}
var a = [6,12,25,30];
var a1 = a.map(obj.f, obj);
console.log(a1);  //6,2,5,0

ecmascript 5中二维数组的map()方式有什么用

实例3

下边实例演试怎么使用 JavaScript 内嵌方式做为调用函数。

var a = [9, 16];
var a1 = a.map(Math.sqrt);
console.log(a1);  //3,4

ecmascript 5中二维数组的map()方式有什么用

实例4

下边实例演试怎么使用 map 方式用于一个类二维数组。在实例中以动态调用的办法(Call)把 map 应用于一个字符串数组上,则 map 将赋值字符串数组中每一个标识符,并启用调用函数 threeChars,把每一个标识符上下 3 字符提取出去,映射到一个新二维数组中。

function f (value, index, str) {
    return str.substring(index - 1, index   2);
}
var s = "Thursday";
var a = [].map.call(s, f);
console.log(a);  //Th,Thu,hur,urs,rsd,sda,day,ay

ecmascript 5中二维数组的map()方式有什么用

【相关信息:javascript学习教程

以上就是关于ecmascript 5中二维数组的map()方式有什么用的具体内容,大量欢迎关注AdminJS其他类似文章!