JS语法:map()方法
1.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:对原数组元素进行平方后再赋值给新的数组
l
et array = [1, 2, 3, 4, 5];
let newArray = array.map((item) => {
return item * item;
})
console.log(newArray) // [1, 4, 9, 16, 25]
1
2
3
4
5
6
7
例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;
});
1
2
3
4
5
6
7
8
9
10
11
12
13
原文链接:https://blog.csdn.net/daishu_shu/article/details/124127709