js实用函数之map()函数的使用,一分钟学会

站长软件开发1年前技术分享561
js实用函数之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"的值

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

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


联系站长:

相关文章

js获取本月,本年,近一月,近3月,近1年的日期范围,获取近n月的日期范围

js获取本月,本年,近一月,近3月,近1年的日期范围,获取近n月的日期范围

js获取本月,本年,近一月,近3月,近1年的日期范围,获取近n月的日期范围function getnMonth(i) {   console.log(&quo...

js获取m到n随机数,js获取随机整数,从0到10,从m到n任意数

js获取m到n随机数,js获取随机整数,从0到10,从m到n任意数

˂a class="reference-link" name="js获取从m到n的随机数"˃js获取从m到n的随机数function getRandomNumber(min, ma...

Animate.css使用方法,及源码下载,包含中文文档教程-css3动画演示合集,可用于uniapp

Animate.css使用方法,及源码下载,包含中文文档教程-css3动画演示合集,可用于uniapp

Animate.css是一个即用型跨浏览器动画库,可在您的 Web 项目中使用。非常适合强调、主页、滑块和注意力引导提示。注意:Animate.css可以在uniapp中使用,并且兼容多端,源码放页面...

fingerprintjs2使用方法,以及fingerprintjs2文件下载

fingerprintjs2使用方法,以及fingerprintjs2文件下载

fingerprintjs2使用方法,以及fingerprintjs2文件下载获取唯一标识,如果有技术问题可以联系站长官方教程:<script>   // ...

uniapp富文本编辑器editor的使用,复制可用

uniapp富文本编辑器editor的使用,复制可用

关于uniapp富文本编辑器editor的使用,我会把HTML,css,js三部分代码都完整列出来,其实也是一个总结,因为官方教程有些不是很清楚,这里总结一下,方便大家使用:1、html部分:<...

vue history路由下,对ngnix服务配置修改防止出现404问题

vue history路由下,对ngnix服务配置修改防止出现404问题

打开配置文件: # 打开配置文件 vi /usr/local/nginx/conf/nginx.con 宝塔则点击域名在里面找到配置文件进去修改: 如果域名直接指向...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。