Array.map

作者: anddju | 来源:发表于2019-06-28 17:54 被阅读0次

常用的遍历方法

语法

var new_array = arr.map(function callback(currentValue[, index[, array]]) {
 // Return element for new_array 
}[, thisArg])

参数描述

  • callback
    • 生成新数组元素的函数,使用三个参数:
    • currentValue
      callback 数组中正在处理的当前元素。
    • index可选
      callback 数组中正在处理的当前元素的索引。
    • array可选
      callback map 方法被调用的数组。
  • thisArg可选
    执行 callback 函数时使用的this 值。
  • 返回值:一个新数组,每个元素都是回调函数的结果。

函数描述

map 方法会给原数组中的每个元素都按顺序调用一次 callback 函数。callback 每次执行后的返回值(包括 undefined ) 组合起来形成一个新数组。** callback 函数只会在有值的索引上被调用;那些从来没被赋过值或者使用 delete 删除的索引则不会被调用。**
并且不会修改原数组内的基础类型变量

以上内容来自:MDN

今天手写一下

function self_map(fn ,context){
  let arr = Array.prototype.slice.call(this); // 浅拷贝
  let mappedArr = [];
  for (let i = 0 ; i < arr.length ; i++){
    if(!arr.hasOwnProperty(i)) continue; // 是否为可读属性
    mappedArr.push(fn.call(context,arr[i], i ,this)); // 调用,并且将返回值填入参数内
  }
  return mappedArr;
}

相关文章

  • parseInt

    先来看一个函数 为什么?我们来看看array.map函数的参数:array.map(currentValue, i...

  • Array.map

    常用的遍历方法 语法 参数描述 callback生成新数组元素的函数,使用三个参数:currentValuecal...

  • Array.map()

    ES6引入了一个新的数组方法map,它非常有用,在react中常用于渲染列表。 这个函数返回了新的项,并未改变原来...

  • js 数组 map方法

    [].map(); 基本用法跟forEach方法类似: array.map(callback,[ thisObje...

  • js 数组 map方法

    [].map(); 基本用法跟forEach方法类似: array.map(callback,[ thisObje...

  • 关于parseInt的一道题

    首先,map语法如下: array.map(function(currentValue,index,arr), t...

  • 数组的遍历方法

    array.map() 遍历数组进行操作,返回由操作结果组成的新数组

  • Array.prototype.map

    使用 array.map(callback(value,index,array)) 将array映射成另外一个ar...

  • JavaScript数组的映射

    JavaScript中数组的常用操作之数组的映射 Array.map()方法 Array.from(array[,...

  • ['10','10','10','10'].map(parseI

    答案:[10,NaN,2,3] 解析:先回顾map的用法 Array.map(function(value,ind...

网友评论

      本文标题:Array.map

      本文链接:https://www.haomeiwen.com/subject/nzvecctx.html