Array.prototype.map()

红太狼 2022-06-18 00:57 125阅读 0赞

#### map() 方法创建一个新数组，其结果是该数组中的每个元素调用一个提供的函数。 ####

### 参数 ###

#### callback：生成新数组元素的函数，使用三个参数： ####

currentValue  
        callback 的第一个参数，数组中正在处理的当前元素。  
    index  
        callback 的第二个参数，数组中正在处理的当前元素的索引。  
    array  
        callback 的第三个参数，map 方法被调用的数组。

#### thisArg ####

可选的。执行 callback 函数时 使用的this 值。

### 返回值 ###

#### 一个新数组，每个元素都是回调函数的结果。 ####

### 描述 ###

#### map 方法会给原数组中的每个元素都按顺序调用一次 callback 函数。callback 每次执行后的返回值（包括 undefined）组合起来形成一个新数组。 callback 函数只会在有值的索引上被调用；那些从来没被赋过值或者使用 delete 删除的索引则不会被调用。 ####

#### callback 函数会被自动传入三个参数：数组元素，元素索引，原数组本身。 ####

#### 如果 thisArg 参数有值，则每次 callback 函数被调用的时候，this 都会指向 thisArg 参数上的这个对象。如果省略了 thisArg 参数,或者赋值为 null 或 undefined，则 this 指向全局对象 。 ####

#### map 不修改调用它的原数组本身（当然可以在 callback 执行时改变原数组）。 ####

#### 使用 map 方法处理数组时，数组元素的范围是在 callback 方法第一次调用之前就已经确定了。在 map 方法执行的过程中：原数组中新增加的元素将不会被 callback 访问到；若已经存在的元素被改变或删除了，则它们的传递到 callback 的值是 map 方法遍历到它们的那一时刻的值；而被删除的元素将不会被访问到。 ####

let numbers = [1, 5, 10, 15];
    let roots = numbers.map(function(x,index) { 
        console.log("index " + index +",value = " + x);
        return x * 2;
    });
    console.log(roots);

var obj = {
       name:"test",age:"18"};
    
    let numbers = [1, 5];
    
    let roots = numbers.map(function(x,index,arr) {
    
        console.log("index " + index +",value = " + x +",arr = " + arr);
    
        console.log(this);
    
        return x * 2;
    
    },obj);
    
    console.log(roots);

![这里写图片描述][SouthEast]

[SouthEast]: /images/20220618/472a8c627b9b4351b811ee1ce8baa195.png

Array.prototype.map()

发表评论取消回复

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

相关阅读