首页 > 其他分享 >Map函数的用法

Map函数的用法

时间:2022-11-17 10:25:15浏览次数:52  
标签:Map 函数 map 元素 用法 item 数组 array

1.使用场景

  项目中,前端开发人员通常会对后端返回的数据进行修改,经常使用过map函数

2.语法用法

  通常用来遍历数组,可以返回一个新的数组。并且不会更新原本数组的数据

  array.map(function(currentValue,index,arr),thisIndex)

  参数说明:

  function: 必选,map的的一个参数一定是一个Function,最终返回一个新的数组

    currentValue:必选,遍历的当前元素

    index:可选,当前元素的索引,也就是第几个数值元素的标识(下标)

    arr:可选,当前元素属于的数组对象

  thisIndex: 可选,对象作为该执行回调时使用,传递给函数,用作"this"的值

 

3.实例

  遍历数组,给数组的每一个元素平方,并进行插入到新的数组。

  //模拟后端接收的一个数组

  let array = [1,2,3,4]

  //用map函数操作数组

  let newArray = array.map(item=>retutn item*item)

  conslole.log(newArray) //返回[2,4,7,16]

 

  说明:这里用到了箭头函数,并且是简写的形式。参数只有一个函数函数,函数的参数也只有一个当前元素值。

 

  

 

  
  

标签:Map,函数,map,元素,用法,item,数组,array
From: https://www.cnblogs.com/ynnotes/p/16898517.html

相关文章

  • 对象间共享变量和操作共享变量的成员函数前面加static
    一、对象间共享变量关注地方有如下:1、怎么定义,怎么初始化2、内存什么时候分配,分配在哪3、作用是什么二、静态成员函数只能访问静态成员变量和静态成员函数;点击查看......
  • vue2中请求函数防抖处理
    ......
  • js 函数行为分析
    一、function关键字1//定义一个具名函数2functionfoo(){}3console.log(foo);//ƒfoo(){}4console.log(foo.name);//foo56//foo赋值给一个......
  • Javascript(笔记40) - ES6特性 - Map
    Javascript(笔记40)-ES6特性-MapMap ES6 提供了Map数据结构。它类似于对象,也是键值对集合。但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。Map也实......
  • php的几种输出函数
    php输出函数函数名功能描述echo()输出字符串print()输出一个或多个字符串print_r()打印关于变量的易于理解的信息printf()输出格式化字符串sprintf()......
  • excel vlookup函数的使用方法
    1.语法说明 参数说明Lookup_value为需要在数据表第一列中进行查找的值。Lookup_value可以为数值、引用或文本字符串。当vlookup函数第一参数省略查找值时,表示用0查......
  • 关于scanf函数不能在某些vs编译器中用的问题
    scanf在vs2022中是一个不安全的函数,vs自定义scanf_s是一个安全的函数,但是这在转给其他编译器可能不适用我们可以在开头加上一个#define_CRT_SECURE_NO_WARNINGS1可以解......
  • 回调函数4
    一、什么是回调函数  回调函数是指使用者自己定义一个函数,实现这个函数的程序内容,然后把这个函数(入口地址)作为参数传入别人(或系统)的函数中,由别人(或系统)的函数在运行时......
  • go语言的内外函数(闭包结构)
    packagemainimport"fmt"/*一个外层函数中,有内层函数,该函数中,会操作外层函数的局部变量并且该外层函数的返回值就是这个内层函数这个内层函数和外层函数的局部变量,统称为......
  • C++走向远洋——34(友元函数,成员函数和一般函数的区别)
    */*Copyright(c)2016,烟台大学计算机与控制工程学院*Allrightsreserved.*文件名:youyuan.cpp*作者:常轩*微信公众号:Worldhello*完成日期:2016年4月10日*版本......