当前位置:网站首页>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)
本次就分享到这里,后续还会更新其他内容,欢迎大家关注支持
边栏推荐
猜你喜欢

Alibaba最新神作——1015页分布式全栈手册太香了

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

提高测试覆盖率的四大步骤

尚硅谷尚品项目汇笔记(三)

无线振弦采集仪远程修改参数方式

开始使用 NVIDIA Jetson Orin 上的深度学习加速器

uniapp引入vantUI库

坚持自主创新 线控底盘领军企业英创汇智获数亿元B+轮融资

20 Lectures on Disassembly of Multi-merchant Mall System Functions-Platform Distribution Overview

机械臂速成小指南(十四):多项式插值轨迹规划
随机推荐
29. 两数相除
更舒适更安全更时尚 凯翼2023款炫界正式上市
防抖节流(后续继续更新)
研发了 5 年的时序数据库,到底要解决什么问题?
Break the stereotype, DIY is your own unique mall
【[USACO12MAR]Cows in a Skyscraper G】【状压DP && DFS】
智能座舱供应链的“新主角”
每日练习------定义一个N*N二维数组,从键盘上输入值,找出每行中最大值组成一个一维数组并输出;
CWE4.8:2022年危害最大的25种软件安全问题
【Codeforces Round #811 (Div. 3)】【题目解析+AK代码】
双指针法 | leecode刷题笔记
2022 年值得尝试的 7 个 MQTT 客户端工具
11.2-HJ86 求最大连续bit数
带你了解MySQL数据库
无线振弦采集仪远程修改参数方式
20 Lectures on Disassembly of Multi-merchant Mall System Functions-Platform Distribution Overview
Detailed explanation of the principle of JWT_The principle of electromagnetic induction
NC231 只出现一次的数字
软件技术功能开发思路
《独行月球》