当前位置:网站首页>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)
本次就分享到这里,后续还会更新其他内容,欢迎大家关注支持
边栏推荐
猜你喜欢
Mysql 查询语句中where字段= '' 作用是什么 ?如何实现多条件查询
图像质量评价指标
【学术相关】北大一研究生偷取同门师妹论文发表,作者却挂名给了武大 3 位不知情的学生......
记一次内部分享——瞎扯淡
提高测试覆盖率的四大步骤
CefSharp practical demonstration
Switch 块、Switch 表达式、Switch 模式匹配,越来越好用的 Switch
面试官:可以谈谈乐观锁和悲观锁吗
小心 transmittable-thread-local 的这个坑
CWE4.8: The 25 most damaging software security issues in 2022
随机推荐
JZ40 最小的K个数
编写一个油猴脚本
排查生产环境:MySQLTransactionRollbackException数据库死锁
Antd-ProComponents中的EditableProTable无法在子行继续新增子子行的临时解决方案
代码随想录笔记_哈希_61扑克牌中的顺子
【[SCOI2005] 互不侵犯】【状压DP(含概念讲解)】
2.NVIDIA Deepstream开发指南中文版--自述文件
小心 transmittable-thread-local 的这个坑
MongoDB 《三》复制集集群搭建实例
#yyds干货盘点# 面试必刷TOP101: 删除链表的倒数第n个节点
Mobius inversion study notes
【面经】被虐了之后,我翻烂了equals源码,总结如下
CWE4.8:2022年危害最大的25种软件安全问题
CWE4.8: The 25 most damaging software security issues in 2022
锁定和并发控制(一)
Default username and password (SQL)
锁定和并发控制(四)
智能座舱供应链的“新主角”
微信小程序:Framework inner error FLOW_CREATE_NODE
DevOps开发工具对比