js将数组中重复项合并，其中不同数据拼接

最新推荐文章于 2024-03-19 11:01:11 发布

可爱小仙子

最新推荐文章于 2024-03-19 11:01:11 发布

阅读量858

点赞数

分类专栏： vue 文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/qq_42661587/article/details/122876606

版权

vue 专栏收录该内容

40 篇文章 4 订阅

订阅专栏

此篇博客详细介绍了如何使用JavaScript实现订单合并功能，通过数组操作合并相同订单号的菜品，并处理dishName数组。通过tempArr和dealAfterArrres结构，确保了订单的唯一性和菜品数量的累加。

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

 * 合并
     */
    merge(arr) {
      var arrres = arr.concat();
      var tempArr = [];
      var dealAfterArrres = [];
      for (let i = 0; i < arrres.length; i++) {
        var orderId = arrres[i].orderId;
        //如果orderId不存在tempArr中
        if (tempArr.indexOf(orderId) == -1) {
          var tempArrres = arrres[i];
          //注意此时dishName是一个数组
          tempArrres.dishName = [(arrres[i].dishName) + 'x' + (arrres[i].dishNum)];
          dealAfterArrres.push(arrres[i]);
          tempArr.push(orderId);
        } else {
          for (let j = 0; j < dealAfterArrres.length; j++) {
            if (dealAfterArrres[j].orderId == orderId) {
              tempArrres.dishName.push([(arrres[i].dishName) + 'x' + (arrres[i].dishNum)]);
            }
          }
        }

      }
      for (let i = 0; i < dealAfterArrres.length; i++) {
        dealAfterArrres[i].dishName = dealAfterArrres[i].dishName.join(",\n");
      }
      console.info(dealAfterArrres);
    },