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…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • stm32中u8,u16,u32的理解[通俗易懂]

    stm32中u8,u16,u32的理解[通俗易懂]u8是unsignedcharu16是unsignedshortu32是unsignedint这些都属於变量类型

    2022年10月15日
    3
  • linux vim查看下一页,linuxVIM基本命令大全介绍(2)

    linux vim查看下一页,linuxVIM基本命令大全介绍(2)在vi中添加文本命令插入动作a在光标后插入文本A在当前行尾插入文本i在光标前插入文本I在当前行前插入文本o在当前行的下边插入新行O在当前行的上边插入新行s删除光标所在处字符,并进入插入模式S删除光标所在的行,并进入插入模式:rfile读入文件file内容,并插在当前行后:nrfile读入文件file内容,并插在第n行后Esc回到命令模式在vi中删除文…

    2022年6月2日
    32
  • leetcode 292. Nim Game | 292. Nim 游戏(DP->数学推理)

    leetcode 292. Nim Game | 292. Nim 游戏(DP->数学推理)题目 https leetcode cn com problems nim game 题解本题实际上是一个需要分析的数学题 如果第一时间没有发现规律的话 可以尝试先用递归法 暴力输出前几个 观察规律 用本函数跑 1 100 找规律 publicboolea intn if n lt 3 returntrue canWinNim n 1 canWinNim n 2 canWinNim n 3 只要有一个为 false 本轮就

    2025年8月13日
    5
  • python基础01

    python基础01python简介诞生:创建人:GuidoVanRossum(荷兰人)时间:1989年python的应用领域系统运维网络编程(搜索引擎,爬虫,服务器编程)科学计算人工智能,机器人云计

    2022年7月6日
    24
  • CGLIB代理使用与原理详解

    CGLIB代理使用与原理详解JDK中提供的生成动态代理类的机制有个鲜明的特点是:某个类必须有实现的接口,而生成的代理类也只能代理某个类接口定义的方法。那么如果一个类没有实现接口怎么办呢?这就有CGLIB的诞生了,前面说的JDK的动态代理的实现方式是实现相关的接口成为接口的实现类,那么我们自然可以想到用继承的方式实现相关的代理类。【1】CGLIB简单实现①pom依赖如下<!–https://…

    2022年5月22日
    70
  • cad怎么删除不需要的部分_cad怎样打印局部图

    cad怎么删除不需要的部分_cad怎样打印局部图1、输入cad修建命令tr,然后按两下回车(记得是两下哦)。2、此时用鼠标点击想要抄修剪的部分就可以把cad多余百的线删除掉了。3、此时会看到蓝色线和紫色线还是多余,我们度选择删除工具,cad删除

    2022年8月1日
    6

发表回复

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

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