美文网首页
Array.map的用法

Array.map的用法

作者: tency小七 | 来源:发表于2018-11-15 11:00 被阅读0次

一直都有看到array.map,但是又不知道怎么用。用对了的话就会很方便

定义和用法

  1. map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。
  2. map() 方法按照原始数组元素顺序依次处理元素。

注意: map() 不会对空数组进行检测。
注意: map() 不会改变原始数组。
var arr1 = [1,2,3]
const map1 = arr1.map(x=>x*2)
console.log(map1) //[2.4.6]
区别在于箭头函数,有了箭头函数真的好方便

    var arr1 = [1,2,3];
    var arr2 = arr1.map(function(x){
      return x*2
    })
    console.log(arr2)
  1. 使用 map 重新格式化数组中的对象
var arr = [{key:1,value:10},{key:1,value:10},{key:1,value:10}]
var arr2 = arr.map(function(obj){
    var objNew = {};
    objNew[obj.key] = obj.value;
    return objNew
})
console.log(arr2)//[{1: 10},{1: 10},{1: 10}]

https://juejin.im/entry/5beb69746fb9a049bd41d815

相关文章

  • js 数组 map方法

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

  • js 数组 map方法

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

  • Array.map的用法

    一直都有看到array.map,但是又不知道怎么用。用对了的话就会很方便 定义和用法 map() 方法返回一个新数...

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

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

  • parseInt

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

  • Array.map

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

  • Array.map()

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

  • 关于parseInt的一道题

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

  • 数组的遍历方法

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

  • JavaScript数组的映射

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

网友评论

      本文标题:Array.map的用法

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