当前位置:网站首页>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)
本次就分享到这里,后续还会更新其他内容,欢迎大家关注支持
边栏推荐
猜你喜欢
随机推荐
锁定和并发控制(二)
制胜精细化运营时代 华为应用市场打出内容、场景、商业运营组合拳
1.NVIDIA Deepstream开发指南中文版--欢迎使用 DeepStream 文档
数据中台应该怎样规划与建设?_光点科技
【[USACO12MAR]Cows in a Skyscraper G】【状压DP && DFS】
let块级作用域,var变量提升
看我如何用多线程,帮助运营小姐姐解决数据校对系统变慢!
js通过两种方式进行对商品价格排序
使用 LaunchPad 上的 TAO 工具包体验轻松创建 AI 模型
图像质量评价指标
JZ70 矩形覆盖
julia系列3:函数、模块与宏
uniapp 小程序 动态style class
几种常见的跨域解决方法
#yyds干货盘点# 面试必刷TOP101: 删除链表的倒数第n个节点
尚硅谷尚品项目汇笔记(二)
一文搞懂│php 中的 DI 依赖注入
机械臂速成小指南(十七):直线规划
【学术相关】北大一研究生偷取同门师妹论文发表,作者却挂名给了武大 3 位不知情的学生......
Break the stereotype, DIY is your own unique mall









![【[SCOI2005] 互不侵犯】【状压DP(含概念讲解)】](/img/93/667e81afeb99b1cce4eb8068e6ce14.png)