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

先看效果图


假设后台返回的数据是一个数组对象,前端可以使用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)
本次就分享到这里,后续还会更新其他内容,欢迎大家关注支持
边栏推荐
猜你喜欢

小程序实现手写左右翻页和动态修改横向滚动条位置
![【[NOI2001] 炮兵阵地】【状压DP】](/img/ae/6b01b175b0158fb804211931d57c0c.jpg)
【[NOI2001] 炮兵阵地】【状压DP】

Coordinate knowledge in digital twin campus scenarios

每日练习------定义一个N*N二维数组,从键盘上输入值,找出每行中最大值组成一个一维数组并输出;

领导无线边缘AI的联合神经形态学习,具有较高的识别精度以及较低的能耗

网御数据库审计系统配置Radius启用双因素/双因子(2FA/MFA)身份认证

A tour of gRPC: 06 - gRPC client straming

数据中台应该怎样规划与建设?_光点科技

如何为项目匹配资源技能和要求?

从Oracle日志解析学习数据库内核原理
随机推荐
JZ21 调整数组顺序使奇数位于偶数前面(一)-相对位置变化
Locking and Concurrency Control (2)
Mysql 查询语句中where字段= '' 作用是什么 ?如何实现多条件查询
防抖节流(后续继续更新)
品牌方发行NFT时,应如何考量实用性?
3.NVIDIA Deepstream开发指南中文版--Deepstream 环境配置
JZ70 矩形覆盖
链表的归并排序[自顶向下分治 || 自低向上合并]
多商户商城系统功能拆解20讲-平台端分销概况
DevOps开发工具对比
Mobius inversion study notes
Locking and Concurrency Control (4)
软件测试面试中90%会遇到的问题:“你会搭建测试环境吗?”
DSP-ADAU1452输入通道配置
锁定和并发控制(四)
更舒适更安全更时尚 凯翼2023款炫界正式上市
11.1-CM24 最近公共祖先
julia系列5:文本、图像、其他语言函数互动
记一次内部分享——瞎扯淡
【Codeforces Round #811 (Div. 3)】【题目解析+AK代码】