JavaScriptでオブジェクトを連想配列のように追加したい

Question

JavaScriptで配列にオブジェクトを連想配列のように追加したいのですが
うまく追加できません。

求める形

var hoge = [
    {"name":"aaa","text":'bbb'}
];
ループで値を追加してこの形に持ってい行きたい
var hoge = [
    {"name":"aaa","text":'bbb'},
    {"name":"ccc","text":'ddd'},
    {"name":"eee","text":'fff'}
];

試したこと

  var seriesArr = new Array();
  var seriesObj = new Object();
　//ダメ
  for(var i=0; i<len; i++){
    seriesObj.label = labelArr[i];
    seriesObj.color = colorArr[i];
    seriesObj.data = dataArr[i];
    seriesArr[i] = seriesObj;
  }
  //ダメ
  for(var i=0; i<len; i++){
    seriesObj.label = labelArr[i];
    seriesObj.color = colorArr[i];
    seriesObj.data = dataArr[i];
    seriesArr.push(seriesObj);
  }

これだとうまく追加できません。

なにか良い方法をご教授いただけると幸いです。
よろしく願い致します。

Comments

[m.ts10806]

概念の問題ですが、一応下記のような質問の回答、コメントやり取りは一読されたほうが良いかもしれません。
https://teratail.com/questions/207270

Answer 1

ループ内で新しくオブジェクトを生成しましょう。外側で生成したseriesObjを使いまわしているため、配列に挿入するものがすべて同じオブジェクトになってしまい、書き換えればもともと入れたものの内容も変化してしまいます。

  var seriesArr = [];
  
  for(var i=0; i<len; i++){
    var seriesObj = {};
    seriesObj.label = labelArr[i];
    seriesObj.color = colorArr[i];
    seriesObj.data = dataArr[i];
    seriesArr[i] = seriesObj;
  }

なお、new Array()やnew Object()という書き方は通常行いません。リテラルで生成するのが一般的です。

Comments

[yamaotakuro]

配列、オブジェクトの生成もご教授いただきありがとうございます！

Answer 2

seriesObj の初期化処理をループの中に入れてください。

  for(var i=0; i<len; i++){
    let seriesObj = {
      label: labelArr[i],
      color: colorArr[i],
      data:  dataArr[i] 
    };
    seriesArr.push(seriesObj);
  }

Comments

[yamaotakuro]

オブジェクトはループの中で初期化するのですね。
サンプルコードもいただき助かりました。
ありがとうございました！