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; });
联系站长:

相关文章
css显示三行文字,溢出显示省略号
css显示三行文字,溢出显示省略号(显示任意行,可以把数字3替换成其他数字):.text-wrap { display: -webkit-box; &n...
Animate.css使用方法,及源码下载,包含中文文档教程-css3动画演示合集,可用于uniapp
Animate.css是一个即用型跨浏览器动画库,可在您的 Web 项目中使用。非常适合强调、主页、滑块和注意力引导提示。注意:Animate.css可以在uniapp中使用,并且兼容多端,源码放页面...
js把数字格式化为千分位兼容版,兼容小数(8,888.22)
js把任意数字格式化为千分位/** * 格式化为千分位 * @param num 当前值字符串 * @ret...
jquery获取input选中值,jquery获取radio选中值,jquery获取select选中值,jquery获取checkbox选中值,jquery使用ajax异步提交表单数据
jquery获取input值://<input name="myinput"/> var inputValues = $(...
如何使用宝塔配置正向代理,例如:请求https://www.自己的域名.com/api,代理到https://www.别人的域名.com/api
ngnix如何使用宝塔配置正向代理,例如:请求https://www.自己的域名.com/api, 代理到https://www.别人的域名.com/apilocation /baidu/&...
js获取本月,本年,近一月,近3月,近1年的日期范围,获取近n月的日期范围
js获取本月,本年,近一月,近3月,近1年的日期范围,获取近n月的日期范围function getnMonth(i) { console.log(&quo...
发表评论
