Array.map解析

map方法会创建一个新数组。该方法会循环数组中的每个值,如果仅仅是想循环数组不需要返回值使用数组的forEach方法就可以。原数组中的每个元素都调用一次提供的函数后的返回值组成。Array.map

它接收一个函数 这个函数可以接收三个参数 数组的每个值item 这个值的索引index还有当前整个数组array,这个函数的返回值会组成一个新的数组作为map的返回值。
第二个参数作为第一个函数的this指向

const arr=[1,2,3];
const arrNew=arr.map((it,index,array)=>it*2);
// arrNew [2,4,6]

map方法可能在vue中用的相对少些
在react中经常会使用map方法循环生成dom元素

const arr=['edit','delete','add','update'];
// 循环生成按钮
const dom=arr.map(it=><button key={it} οnclick={()=>handleClick(it)}>{it}</button>

在这里插入图片描述

在这里插入图片描述

第二个参数使用
在这里插入图片描述

相关推荐

  1. InterLM代码

    2024-05-12 00:26:04       45 阅读
  2. UV、PV

    2024-05-12 00:26:04       65 阅读
  3. Yaml语法

    2024-05-12 00:26:04       76 阅读
  4. Spring aspect

    2024-05-12 00:26:04       52 阅读
  5. thinkphp 模板

    2024-05-12 00:26:04       45 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-05-12 00:26:04       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-05-12 00:26:04       101 阅读
  3. 在Django里面运行非项目文件

    2024-05-12 00:26:04       82 阅读
  4. Python语言-面向对象

    2024-05-12 00:26:04       91 阅读

热门阅读

  1. CSS Flexbox与Grid:构建响应式布局的艺术

    2024-05-12 00:26:04       36 阅读
  2. 【Halcon 内存泄漏记录 - C#】

    2024-05-12 00:26:04       40 阅读
  3. ImageMagick 的基本概念和使用场景

    2024-05-12 00:26:04       31 阅读
  4. git入门

    git入门

    2024-05-12 00:26:04      26 阅读
  5. 投影、选择转SQL语言

    2024-05-12 00:26:04       32 阅读
  6. BackgroundWorker类 取消任务

    2024-05-12 00:26:04       29 阅读
  7. STL——函数对象和谓词

    2024-05-12 00:26:04       34 阅读
  8. CSS盒模型

    2024-05-12 00:26:04       33 阅读