Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

配列の繰り返し値の合計-JavaScript


このようなオブジェクトの配列があるとします-

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

同一のキーを持つこれらすべてのオブジェクトの値を一緒に追加する必要があります

したがって、この配列の場合、出力は-

になります。
const output = [{'ID-01':4}, {'ID-02':8}];

配列をループし、同じキーを持つ既存のオブジェクトをチェックします。存在する場合は値を追加し、そうでない場合は新しいオブジェクトを配列にプッシュします。

以下はコードです-

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 } ]

  1. JavaScriptで配列を減らす方法は?

    以下は、JavaScriptで配列を減らすためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style>   &n

  2. JavaScript(+)記号は、合計を与える代わりに連結しますか?

    parseInt()を使用していないため、+記号が連結されます。テキストボックスの値は文字列値であるため、値を解析するにはparseInt()を使用する必要があります。 テキストボックスから値を選択した後、その値を解析する必要があります。以下はコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devi