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

工作中遇到了一些问题 需要将数组转化为对象

// arr to obj
const arr = [{
     date:"2018-11-18",name:"demo1"},{
     date:"2018-11-19",name:"demo2"}];
const obj = {
     
	"2018-11-18":"demo1",
	"2018-11-19":"demo2"
}

如上代码,想将arr优雅的转化为obj,首先想到了Object的assign方法合并对象

// api
Object.assign(target,source)//target目标对象
Object.assign({
     },{
     name:"ashe"});
// target {name:"ashe"};
//此方法使用了原理是拷贝对象 但是是浅拷贝 对象嵌套了对象的对象要谨慎使用

那么我们就可以实现将数组转化为对象了

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)

你可能感兴趣的:(es5,vue)