美文网首页
js将数组里的多个对象一一对应合并

js将数组里的多个对象一一对应合并

作者: _孙小胖 | 来源:发表于2021-03-15 14:38 被阅读0次

效果预览图


1614569054740_0FCF7F09-EAE5-4cc0-B38E-5A41CF1AFB44.png

源数据

 findData: [
        {
          reportQuestionItemName: {
            id: "商品名1",
            name: "商品名1",
          },
          reportQuestionItemSpecifications: {
            id: "規格1",
            name: "規格1",
          },
        },
        {
          reportQuestionItemName: {
            id: "商品名2",
            name: "商品名2",
          },
          reportQuestionItemSpecifications: {
            id: "規格2",
            name: "規格2",
          },
        },
      ],

使用map处理数据获得想要的数据

 this.pruductList = this.findData.map((value, key, arr) => {
      var ROTASpecifications = {};
      ROTASpecifications.id = `${value.reportQuestionItemName.id} + "-" + ${value.reportQuestionItemSpecifications.id}`;
      ROTASpecifications.name = `${value.reportQuestionItemName.name} +  "-" + ${value.reportQuestionItemSpecifications.name}`;
      return ROTASpecifications;
    });

处理后的数据

  pruductList: [
        {
          id: "商品名1-規格1",
          name: "商品名1-規格1",
        },
        {
          id: "商品名2-規格2",
          name: "商品名2-規格2",
        },     
      ],

相关文章

网友评论

      本文标题:js将数组里的多个对象一一对应合并

      本文链接:https://www.haomeiwen.com/subject/eioofltx.html