js中map()函数的使用

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

---

前言

关键词：map

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

---

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

一、概念

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

---

二、相关语法

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

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

1. currentValue：必须。表述当前元素的的值(item)
2. index：可选。当前元素的索引也就是第几个数组元素。
3. 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;
              });

最后

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