js中map()函数的使用

admin管理员组

文章数量:1794759

js中map()函数的使用

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

• 前言
• 一、概念
• 二、相关语法
• 三、示例
• 最后

---

前言

关键词：map

项目中我们常常会遇到要对后端返回的数据进行修改，从而达到符合我们前端开发人员的需要，其中map是常用到的对数组元素进行修改的重要函数。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、概念

map() 方法定义在JavaScript的Array中，它返回一个新的数组，数组中的元素为原始数组调用函数处理后的值。值得注意的是：1、map()函数不会对空数组进行检测；2、map()函数不会改变原始数组，它形成的是 一个新的数组

---

二、相关语法

array.map(function(currentValue, index, arr), thisIndex)— 参数说明：

• function(currentValue, index, arr)：必须。为一个函数，数组中的每个元素都会执行这个函数。其中函数参数：

currentValue：必须。表述当前元素的的值(item)

index：可选。当前元素的索引也就是第几个数组元素。

arr：可选。当前元素属于的数组对象

• thisValue：可选。对象作为该执行回调时使用，传递给函数，用作"this"的值

三、示例

例1：对原数组元素进行平方后再赋值给新的数组

let array = [1, 2, 3, 4, 5]; let newArray = array.map((item) => { return item * item; }) console.log(newArray) // [1, 4, 9, 16, 25]

例2：将int类型的数据换成字符串类型

this.tableData = list.map(function (item) { if (item.leaseStatus === 0) { item.leaseStatus = '已租'; } else if (item.leaseStatus === 1) { item.leaseStatus = '未租'; } else if (item.leaseStatus === 2) { item.leaseStatus = '已租'; } if (res.data.data === null) { item = '暂无记录'; } return item; }); 最后

如果对您有帮助记得点个赞哈！谢谢

本文标签： 函数jsMap