当前位置:网站首页>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)
本次就分享到这里,后续还会更新其他内容,欢迎大家关注支持
边栏推荐
- 开始使用 NVIDIA Jetson Orin 上的深度学习加速器
- julia系列1:介绍与安装
- 在idea中创建web项目_idea部署web项目
- Detailed explanation of the principle of JWT_The principle of electromagnetic induction
- uniapp 小程序 动态style class
- One article to understand DI dependency injection in php
- JZ9 用两个栈实现队列
- 融云「 IM 进阶实战高手课」系列直播上线
- 关于小程序TabBar跳转页面跟TabBar标签栏的icon不对应的分析(debug)
- Coordinate knowledge in digital twin campus scenarios
猜你喜欢
随机推荐
软件技术功能开发思路
Locking and Concurrency Control (2)
[LeetCode]剑指 Offer 54. 二叉搜索树的第k大节点
JZ10 斐波那契数列
Locking and Concurrency Control (4)
一文搞懂│php 中的 DI 依赖注入
js添加元素,去重,排序
CefSharp实战演示
Qt读取Json文件(含源码+注释)
JZ4 二维数组中的查找
【服务器数据恢复】Raid阵列更换故障硬盘后数据同步失败的数据恢复案例
解析并执行 shell 命令
小心 transmittable-thread-local 的这个坑
时间戳格式化「建议收藏」
互联网刚需岗位 前景一片大好?
julia系列1:介绍与安装
【[SCOI2005] 互不侵犯】【状压DP(含概念讲解)】
[LeetCode]剑指 Offer 55 - I. 二叉树的深度
金鱼哥RHCA回忆录:CL210管理计算资源--红帽的超融合基础设施
CefSharp practical demonstration