当前位置:网站首页>es6 map使用场景
es6 map使用场景
2022-08-02 16:12:00 【编程小橙子】

153407fa1531004667.jpg
先看效果图

image.png

image.png
假设后台返回的数据是一个数组对象,前端可以使用map返回一个新的数组
方式一:
var array = [{
title: '测试1',
status: 0,
}, {
title: '测试2',
status: 1,
}, {
title: '测试3',
status: 0,
}, {
title: '测试4',
status: 1
}]
console.log(array)
let status = array.map((item) => {
return {
name: item.title,
statusText: item.status ? '通过' : '未通过'
}
})
console.log(status)
方式二:
var array = [{
title: '测试1',
status: 0,
}, {
title: '测试2',
status: 1,
}, {
title: '测试3',
status: 0,
}, {
title: '测试4',
status: 1
}]
console.log(array)
let status = array.map((item) => {
let obj = {}
Object.assign(obj,item)
obj.status = item.status?'通过':'未通过'
return obj
})
console.log(status)
本次就分享到这里,后续还会更新其他内容,欢迎大家关注支持
边栏推荐
猜你喜欢
随机推荐
JZ11 旋转数组的最小数字
uniapp引入vantUI库
One article to understand DI dependency injection in php
多商户商城系统功能拆解20讲-平台端分销概况
排查生产环境:MySQLTransactionRollbackException数据库死锁
11.1-CM24 最近公共祖先
一文搞懂│php 中的 DI 依赖注入
在idea中创建web项目_idea部署web项目
品牌方发行NFT时,应如何考量实用性?
《独行月球》
uWSGI看这几篇就够了
JZ81 调整数组顺序使奇数位于偶数前面(二)-相对位置变化
默认用户名和密码(SQL)
【[NOI2001] 炮兵阵地】【状压DP】
尚硅谷尚品项目汇笔记(三)
8大软件供应链攻击事件概述
JZ15 二进制中1的个数
微信小程序:Framework inner error FLOW_CREATE_NODE
领导无线边缘AI的联合神经形态学习,具有较高的识别精度以及较低的能耗
“如何写好一篇学术论文?”这大概是最详实的一则攻略了!









