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：对原数组元素进行平方后再赋值给新的数组

et 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;});

原文链接：https://blog.csdn.net/daishu_shu/article/details/124127709

JS语法：map()方法相关推荐

JS Array.map方法内异步方法无法同步执行
问题: JS Array.map方法内异步方法无法同步执行场景: 我们在使用map来设置每一项值的时候,涉及到异步操作,就会出现问题. 按照常规,重现出一种情形. 假设我要使用map对每一项值进行操 ...
JS的map()方法会改变原始数组吗？
map()为操作数组的一种方法,官方文档显示: map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值. map() 方法按照原始数组元素顺序依次处理元素. 注意: map() ...
用原生js实现map方法
我们平时用的是已经封装好的map方法,如果让我们自己封装一个map,应该如何实现. 万变不离其宗,其实遍历数组的核心还是for循环.因此下面封装一个map方法. 思路: 1.在原型上添加一个方法 2. ...
jquery中的map()方法与js中的map()方法
1.jquery中的map()方法首先看一个简单的实例: $("p").append( $("input").map(function(){ return $ ...
js 数组遍历方法详解（map、filter、find、findIndex、reduce）
目录前言 map map是什么 map方法的结构及入参语法糖 map一般不改变原数组 filter 说明例子 find 和 findIndex 说明例子 reduce 说明例子尾言前言 ...
js中数组map方法的使用和实现
js中数组map方法的使用和实现 MDN中定义 map() 方法创建一个新数组,其结果是该数组中的每个元素是调用一次提供的函数后的返回值. 语法 var new_array = arr.map(fun ...
一分钟掌握js中的map方法
目录 map是什么 map方法的结构及入参语法糖 map一般不改变原数组 map是什么 map是操作js数组的方法,也可以说是一个函数,作用是遍历整个数组,对里面的每个值做处理再返回一个新的值. 注 ...
JS中find(), findIndex(), filter(), forEach(), some(), every(), map()方法
1. find()与findIndex() find()方法,用于找出第一个符合条件的数组成员.它的参数是一个回调函数,所有数组成员依次执行该回调函数,直到找出第一个返回值为true的成员,然后返回该 ...
js数组的map方法以及parseInt方法
无意看到一个方法: ["1", "2", "3"].map(parseInt); 返回值为:[1, NaN, NaN]. 好奇查了下map方 ...

JS语法：map()方法

JS语法：map()方法相关推荐

最新文章

热门文章