JS實作JSON數組去重步驟詳解

這次帶給大家JS實作JSON陣列去重步驟詳解，JS實作JSON陣列去重的注意事項有哪些，下面就是實戰案例，一起來看一下。

需求描述：移除JSON陣列中paymode欄位相同的項，並將paymoney累積。

paylist:[{paymode:'1',payname:"现金"，paymoney:"20"},
{paymode:'2',payname:"支付宝"，paymoney:"50"},{paymode:'1',payname:"现金"，paymoney:"40"}]

function UniquePay(paylist){
  var payArr = [paylist[0]];
  for(var i = 1; i < paylist.length; i++){
    var payItem = paylist[i];
    var repeat = false;
    for (var j = 0; j < payArr.length; j++) {
     if (payItem.paymode == payArr[j].paymode) {
        payArr[j].paymoney = parseFloat(payArr[j].paymoney)+parseFloat(payItem.paymoney);
         repeat = true;
         break;
     }
   }
       if (!repeat) {
         payArr.push(payItem);
       }
  }
  return payArr;
}

通用的JSON數組去重

/*
 * JSON数组去重
 * @param: [array] json Array
 * @param: [string] 唯一的key名，根据此键名进行去重
 */
function uniqueArray(array, key){
  var result = [array[0]];
  for(var i = 1; i < array.length; i++){
    var item = array[i];
    var repeat = false;
    for (var j = 0; j < result.length; j++) {
      if (item[key] == result[j][key]) {
        repeat = true;
        break;
      }
    }
    if (!repeat) {
      result.push(item);
    }
  }
  return result;
}

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

Koa專案搭建步驟詳解

JS實作文字字型列印介面

vue-simplemde實作圖片拖曳貼上功能（附程式碼）

以上是JS實作JSON數組去重步驟詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！