VUE学习笔记——es6对象合并 数组转对象

VUE学习笔记——es6对象合并 数组转对象constarr=[{date:”2018-11-18″,name:”demo1″},{date:”2018-11-19″,name:”demo2″}];consttarget={};arr.forEach(a=>{constsource=JSON.parse(`{“${a.date}”:”${a.na…


Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

测试数据

let array = [
    {name: 'Conan', age: 17, gender: true}, 
    {name: 'Ran', age: 16}, 
    {name: 'Sherry', age: 20}
];

方法一:循环

const arr = [{date: "2018-11-18", name: "demo1"}, {date: "2018-11-19", name: "demo2"}];
         const target = {};
      arr.forEach(a => {
        const source = JSON.parse(`{"${a.date}":"${a.name}"}`);//利用JSON.parse将对象
                                                              //格式直接造出来
        Object.assign(target,source);
      })
     // console.log(target)

方法二:析构函数

let result = {...array};

/* 
    {
        0:{"name":"Conan","age":17,"gender":true},
        1:{"name":"Ran","age":16},
        2:{"name":"Sherry","age":20}}
    }
*/

方法三:累加器

let result = array.reduce((accumulator, current) => {
    accumulator[current.name] = current;
    return accumulator;
}, {});

/* 
    {
        Conan: {name: "Conan", age: 17, gender: true}
        Ran: {name: "Ran", age: 16}
        Sherry: {name: "Sherry", age: 20}
    }
*/

方法四:循环

let result = {};
array.forEach((item, index) => result[item.name] = item);

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/197380.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • spring项目无法引入@Resource注解问题[通俗易懂]

    spring项目无法引入@Resource注解问题[通俗易懂]问题:在spring项目中引入@Resource注解的时候,有红色下划线错误,而且输入注解的时候不能出现自动代码补全。解决办法:Spring项目中缺少javax.annotation包的依赖。在maven配置文件pom.xml中加入依赖。<!– https://mvnrepository.com/artifact/javax.annotation/javax.annotation…

    2022年6月13日
  • mini pcie有什么用_ipad mini适合做笔记吗

    mini pcie有什么用_ipad mini适合做笔记吗网上的相关资料链接:https://baijiahao.baidu.com/s?id=1598588903382575978&wfr=spider&for=pc(关于MiniPCIe二三事)minipcie的接口外观与mSATA接口外观一致,一样可以插入设备,但一般是不能通用,两者插槽上的阵脚信号定义不同,都是54Pin。mSATA接口是用来连接迷你版本的SATA…

    2022年9月8日
  • Postman使用教程图解

    Postman使用教程图解postman的主要功能1、模拟HTTPrequests的一些方法:get、post、put等2、Collection:测试集合,你每测试一个项目建立一个collection,把请求放在一起,方便日后查阅,而且还能Import或者Share,整个团队的人都可以看到;3、Response形式多样一般在用其他工具来测试的時候,response的内容通常都是纯文字的raw,但如果是JSON,就是塞成一整行的JSON。这会造成阅读的障碍,而Postman可以针对response

    2022年5月31日
  • jqueryajax实例代码_什么叫实例

    jqueryajax实例代码_什么叫实例Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦,Jquery大大简化了我们的操作,不用考虑浏览器的诧异了。推荐一篇不错的jQueryAjax实例文章,忘记了可以去看看,地址为:http://www.cnblogs.com/yeer/archive/2009/07/23/1529460.html和http://www.w3school.com.cn/jquery

    2022年8月16日
  • 利用pycharm安装requests库「建议收藏」

    利用pycharm安装requests库「建议收藏」最近在学python,虽然也没怎么系统的学。像我这种小白giser一般对于编程的态度就是当工具来用,用到什么学一点儿。因为以后的研究可能会涉及到爬数据,所以最近开始试水爬虫。爬虫第一步就是安装第三方库,这里我用requests库。我看了很多博文都是用pipinstall,觉得挺麻烦,后来试了一下直接在pycharm中安装,秒装上。1.打开pycharm,file-setting2.点右侧小加号3、搜索requests库4、installpackage…

    2022年8月28日
  • android错误_android:layout_margin

    android错误_android:layout_marginCausedby:android.util.AndroidRuntimeException:CallingstartActivity()fromoutsideofanActivity  contextrequirestheFLAG_ACTIVITY_NEW_TASKflag.Isthisreallywhatyouwant?  原因:     ac…

    2022年9月1日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号