定义集合

let showList =  [
    {name: '西游记', id: 1, content: "hhh"},
    {name: '三国演义', id: 2, content: "hhh"},
    {name: '水浒传', id: 3, content: "hhh"},
    {name: '红楼梦', id: 4, content: "hhh"}
]

将集合转成map

let map = {}
    this.showList.forEach(row => {
      map[row.id] = {name: row.name, content: row.content}
    })
    console.log(map)

将map转成集合

let array = []
    for(let key in map) {
      let obj = map[key]
      obj.id = key
      array.push(obj)
    }
    console.log(array)

[绍棠] js中map和list互转相关推荐

  1. JS中map()与forEach()的用法

    JS中map()与forEach()的用法 相同点: 1.都是循环遍历数组中的每一项 2.每次执行匿名函数都支持三个参数,参数分别为item(当前每一项),index(索引值),arr(原数组) 3. ...

  2. JS中 map, filter, some, every, forEach, for in, for of 用法总结

    for.for in和for of和forEach的区别:http://blog.sina.com.cn/s/blog_c112a2980102xqg9.html JS中 map, filter, s ...

  3. js中 map 遍历数组

    forEach()和map()都是遍历数组的方法,用法类似,但是还是有很大区别: 相同点: 1.都是循环遍历数组中的每一项: 2.在遍历中执行匿名函数都可以接收三个参数,分别为:遍历过程的每一项.遍历 ...

  4. JS中map和foreach的区别以及some和every的用法

    转载自:小猪冒泡 的 原生JS forEach()和map()遍历 一.原生JS forEach()和map()遍历 共同点: 1.都是循环遍历数组中的每一项.2.forEach() 和 map() ...

  5. java中map和对象互转工具类

    在项目开发中,经常碰到map转实体对象或者对象转map的场景,工作中,很多时候我们可能比较喜欢使用第三方jar包的API对他们进行转化,而且用起来也还算方便,比如像fastJson就可以轻松实现map ...

  6. JS 中 Map 与 JSON 转换

    前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 1. JSON数据 转 字符串 JSON.stringify(jsondata) 2. 字符串 转 ...

  7. [绍棠] Vue中this.$nextTick()实现原理及使用场景学习总结

    this.$nextTick()原理: Vue 实现响应式并不是数据发生变化之后 DOM 立即变化,而是按一定的策略进行 DOM 的更新. Vue 在修改数据后,视图不会立刻更新,而是等同一事件循环中 ...

  8. js中map遍历的三种方法

    1.forEach遍历: map.forEach((key,val)=>{...//操作 } key是属性值,val是属性 2.for of遍历: for(let item of map){.. ...

  9. Java8高效遍历map_Java8中Map的遍历方式总结

    在这篇文章中,我将对Map的遍历方式做一个对比和总结,将分别从JAVA8之前和JAVA8做一个遍历方式的对比,亲测可行. public class LambdaMap { private Map ma ...

最新文章

  1. Cross-validation
  2. CVPR 2021 | pixelNeRF:一种基于NeRF的多视图三维重建网络
  3. php中对MYSQL操作之事务控制,回滚
  4. dedeCMS 文件路径、全局替换(待续···)
  5. labuladong的算法小抄pdf_东哥手写正则通配符算法,结构清晰,包教包会!
  6. 程序员们,你知道面试官是如何考察你的软素质吗?
  7. 我的KT库之-----缓存与配置
  8. 数据-第11课-双向链表
  9. 如何在在线直播网站源码中,实现视频连麦直播?
  10. 2345蓝月传奇服务器维护,2345蓝月传奇4月29日合服公告
  11. 尚硅谷大厂面试题第二季周阳主讲整理笔记【涨薪必看】
  12. 修真院教学模式四大体系之学习方法篇
  13. mui ajax 懒加载,MUI框架运用中遇见问题总结
  14. csharp基础练习题:寻找恩人【难度:1级】--景越C#经典编程题库,不同难度C#练习题,适合自学C#的新手进阶训练
  15. 计算属性普通函数写法 和 set get 写法
  16. 43、总建筑面积大于20000㎡的地下或半地下建筑的防火要求
  17. 软件外包项目这样做,快速拿下一个个项目金!
  18. 内部邮件服务器的端口映射问题
  19. 计算机软件技术基础2002,2002同济大学计算机软件技术基础试卷
  20. 废弃CSDN博客声明

热门文章

  1. 虚拟现实俱乐部社团章程
  2. 感受资产组合有效前沿
  3. Android百度地图(四)如何引入离线地图包
  4. vue插件vue-particles,粒子动画特效背景,收藏起来,避免找不到!!!
  5. 【渝粤题库】广东开放大学 文化传播学 形成性考核
  6. Caused by: java.lang.IllegalArgumentException: The handle attribute is must refer to an existing chi
  7. 我快 30 了,前途在哪里?
  8. 无胁科技-TVD每日漏洞情报-2022-10-31
  9. 哔哩哔哩课程:Linux命令
  10. AAA 深入研究PHP及Zend Engine的线程安全模型