vue将数组转换为数组的对象

楠啊#

已于 2023-05-10 13:40:46 修改

阅读量1.1w

点赞数 5

分类专栏：笔记文章标签： vue.js 前端 echarts

于 2021-11-26 11:07:57 首次发布

本文链接：https://blog.csdn.net/qq_45083936/article/details/121555458

版权

笔记专栏收录该内容

40 篇文章 2 订阅

订阅专栏

这篇博客介绍了如何将数组转换为对象数组，包括使用`forEach`和`map`方法实现。此外，还展示了如何合并数组对象的属性，以及如何通过`filter`方法找出两个数组中的不同或相同项。这些技巧在数据处理和比较中非常实用。

摘要由CSDN通过智能技术生成

1.循环这个数组变成数组对象
var data = [ "USA", "Denmark", "London"];
 var data = [ { "id" : 1, "label": "USA" }, { "id" : 2, "label": "Denmark" }, { "id" : 3, "label": "London" } ];

解决方法：
1.使用push（）

数据阵列 var data = [ "USA", "Denmark", "London"]; 
var demArray =[]; 
data.forEach(function(item,index){ 
demArray.push(
     { id:index+1,label:item }
 )
 }) 
 console.log(demArray)

2.使用map()

var data = [ "USA", "Denmark", "London"]; 
var demArray =[]; 
var demArray = data.map(item => {
  return {
    id:index+1,
    imgurl: item
  }
})
 console.log(demArray)

 // 数组对象相加
    var list = [
      { name: "苹果", count: 20 },
      { name: "橘子", count: 20 },
      { name: "橙子", count: 20 }
    ];

    let countTime = list.reduce((tutu, item) => {
      return tutu + item.count;
    }, 0);
    console.log(countTime, "合并相加");

过滤两个数组并取出不同/相同项（vue/filter）
// 数组A
let arrA = ['1111','2222','333','4444','5555']
// 数组B
   let arrB = [
        { id: "aaa" },
        { id: "bbb" },
        { id: "4444" },
        { id: "5555" },
        { id: "dddd" },
        { id: "eeee" },
        { id: "ffff" },
        { id: "yyyy" },
        { id: "mmmm" }
      ];过滤B数组中不包含A数组的项
let differentArr = arrB.filter(item => arrA.indexOf(item.id) > -1)
// differentArr =['aaa','bbb','dddd','eeee','ffff','yyyy','mmmm']
过滤B数组中包含A数组的项
let differentArr = arrB.filter(item => arrA.indexOf(item.id) != -1)
// differentArr =['4444','5555']