获取两个数组的项，合成对象的属性和属性值

最新推荐文章于 2023-01-15 11:32:01 发布

心若向阳(*￣︶￣)

最新推荐文章于 2023-01-15 11:32:01 发布

阅读量355

点赞数

分类专栏：个人项目知识累积 js 文章标签： js 数组操作循环 vue

本文链接：https://blog.csdn.net/agua001/article/details/119729843

版权

个人项目同时被 3 个专栏收录

144 篇文章 5 订阅

订阅专栏

知识累积

129 篇文章 3 订阅

订阅专栏

10 篇文章 0 订阅

订阅专栏

1、数据如图：

在这里插入图片描述

2、想得到一个新的数组，每一个项为一个对象，对象的属性为第一个数组的项，属性值为第二个数组的项

[{"2021-08-16 05:30:00": "12"}, {"2021-08-16 05:15:00": "12"}...]

3、循环一个数组就可以了

let newArr = [];
let obj = {}
console.log(this.showTime);
console.log(this.yData);
this.showTime.forEach((item,index) => {
  obj = {}
  obj[item] = this.yData[index];
  newArr.push(obj);
})
console.log(newArr);

4、得到的数据，如图：

在这里插入图片描述

5、如果是组成一个新数组，数组的每一个项为对象，属性是定好的，对应的项给到属性的值，这样的数据：

[{time: "2021-8-16 05:30:00", number: "12"}, {time: "2021-8-16 05:15:00", number: "12"}...]

6、代码如下：

let newArr = [];
let obj = {
  time: "",
  number: ""
};
this.showTime.forEach((item,index) => {
  obj = {
    time: "",
    number: ""
  };
  obj.time = item;
  obj.number = this.yData[index];
  newArr.push(obj);
})
console.log(newArr);