Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

รวมค่าของ key ที่ซ้ำกันในอาร์เรย์ของอ็อบเจกต์ - JavaScript

สมมติว่าเรามีอาร์เรย์ของอ็อบเจกต์ดังนี้:

const arr = [
  {'ID-01':1},
  {'ID-02':3},
  {'ID-01':3},
  {'ID-02':5}
];

เราต้องรวมค่าของอ็อบเจกต์ทั้งหมดที่มี key เหมือนกัน

ดังนั้น สำหรับอาร์เรย์นี้ ผลลัพธ์ควรเป็น:

const output = [{'ID-01':4}, {'ID-02':8}];

เราจะวนลูปผ่านอาร์เรย์ ตรวจสอบว่ามีอ็อบเจกต์ที่มี key เดียวกันอยู่แล้วหรือไม่ ถ้ามี ให้บวกค่าเข้าไป มิฉะนั้น ให้ push อ็อบเจกต์ใหม่เข้าไปในอาร์เรย์

ตัวอย่าง

โค้ดต่อไปนี้เป็นตัวอย่าง:

const arr = [
  {'ID-01':1},
  {'ID-02':3},
  {'ID-01':3},
  {'ID-02':5}
];

const indexOf = function(key){
  return this.findIndex(el => typeof el[key] === 'number')
};
Array.prototype.indexOf = indexOf;

const groupArray = arr => {
  const res = [];
  for(let i = 0; i < arr.length; i++){
    const key = Object.keys(arr[i])[0];
    const ind = res.indexOf(key);
    if(ind !== -1){
      res[ind][key] += arr[i][key];
    }else{
      res.push(arr[i]);
    };
  };
  return res;
};

console.log(groupArray(arr));

ผลลัพธ์

จะแสดงผลในคอนโซลดังนี้:

[ { 'ID-01': 4 }, { 'ID-02': 8 } ]