es6 map使用场景

2020-01-23  本文已影响0人  编程小橙子
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)

本次就分享到这里,后续还会更新其他内容,欢迎大家关注支持

上一篇 下一篇

猜你喜欢

热点阅读