美文网首页
es6 map使用场景

es6 map使用场景

作者: 编程小橙子 | 来源:发表于2020-01-23 15:39 被阅读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)

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

相关文章

  • es6 map使用场景

    先看效果图 假设后台返回的数据是一个数组对象,前端可以使用map返回一个新的数组 方式一: 方式二: 本次就分享到...

  • js map对象

    map对象属于ES6的方法1.迭代器生成map基本创建使用new Map()创建对象。同时也剋使用迭代器使用 2 ...

  • 数组去重的几种方法

    1、双层循环: 优点:兼容性最好 2、标记 使用indexOf 使用filter es6 Set es6 Map

  • Js对象obj如何按照键名key排序

    使用es6写法: let newObj = {}; Object. keys(obj). sort(). map(...

  • ES6中Map使用场景示例

    JavaScript 的对象(Object),本质上是键值对的集合(Hash 结构),但是传统上只能用字符串当作键...

  • ES6(七)Set与Map2

    ES6 的 Map ES6 的 Map类型是键值对的有序列表,而键和值都可以是任意类型。 键的比较使用的是Obje...

  • Scala 模式匹配

    功能函数中应用模式匹配(重点)比如在map函数中使用 map中使用的话,map后边的()需要变成{} 1、场景:之...

  • Vue中批量的mock数据

    使用场景:当后台接口未完成时,前端在本地开发环境的数据mock,维持开发进度。 1、结合es6的高阶函数Map和J...

  • 前端面试准备学习内容

    分三大块:ES6,Vue,Vuex ES6内容:map, forEach, promise, set, map, ...

  • Map和Set

    最新的ES6规范引入了新的数据类型Map和Set,需在支持es6的浏览器使用,Map是一组键值对的结构,具有极快的...

网友评论

      本文标题:es6 map使用场景

      本文链接:https://www.haomeiwen.com/subject/feynzctx.html