[JavaScript] 某サイトで紹介されていたCSVをJSONに変換する関数を理解したいのですが1点不明な点がありお知恵をお貸しください

Question

前提・実現したいこと

JavaScriptを使い、CSVをJSONに変換したく、調べていたところ、以下のサイトでコードが紹介されていました。

紹介されていたサイト
https://shanabrian.com/web/javascript/csv-to-json.php

コードの中をしっかり理解したく読み解いていたのですが、1点分からないことがあり、
質問をさせて頂きました。

変換したいCSVと実行する内容

まず変換したいCSVは以下とします。

a, aa, aaa
b, bb, bbb

このCSVは、変数csvStrに格納させます。

そして、このCSV（csvStr）を後述するcsvToJson()関数でJSONに変換します。
この時に、関数に指定するオプションで、CSVのカラム名を付ける事ができます。

よって、関数実行は以下のように行います。

csvToJson(csvStr, {columnName:['ID', '内容', '備考']});

CSVをJSONに変換する関数定義

CSVをJSONに変換する関数csvToJson()のコードは以下です。

var csvToJson = function(csvStr, userOptions) {
    if (typeof csvStr !== 'string') return null;
 
    var options = { header : 0, columnName : [], ignoreBlankLine : true };
 
    if (userOptions) {
        if (userOptions.header) options.header = userOptions.header;
        if (userOptions.columnName) options.columnName = userOptions.columnName;
    }
 
    var rows = csvStr.split('\n');
    var json = [], line = [], row = '', data = {};
    var i, len, j, len2;
 
    for (i = 0, len = rows.length; i < len; i++) {
        if ((i + 1) <= options.header) continue;
        if (options.ignoreBlankLine && rows[i] === '') continue;
 
        line = rows[i].split(',');
 
        if (options.columnName.length > 0) {
            data = {}; // ここでdata配列を空にしないと、同じ値が出力される。
            for (j = 0, len2 = options.columnName.length; j < len2; j++) {
                if (typeof line[j] !== 'undefined') {
                    row = line[j];
                    row = row.replace(/^"(.+)?"$/, '$1');
                } else {
                    row = null;
                }
 
                data[options.columnName[j]] = row;
            }
            json.push(data);
        } else {
            json.push(line);
        }
    }
 
    return json;
};

お知恵を拝借したい点

上記関数のif (options.columnName.length > 0)のブロックで、CSVのカラム名が引数で指定されている際の処理が記述されています。
このブロックにコメントをしているのですが、data = {}; // ここでdata配列を空にしないと、同じ値が出力される。の箇所で、dataを空にしないと、同じ値が出力されてしまいます。

これの理由を知りたく、質問させて頂きました。
どうにも分からずでして…。

これdata = {};があると、最終的にjsonは以下のように出力されます。

0: {ID: "a", 内容: "aa", 備考: "aaa"} 
1: {ID: "b", 内容: "bb", 備考: "bbb"}

しかし、ないと以下のように出力されます。

0: {ID: "a", 内容: "aa", 備考: "aaa"} 
1: {ID: "a", 内容: "aa", 備考: "aaa"} // 同じ内容が出力される

変数dataは、関数定義の冒頭で次のように既に宣言されています。

var json = [], line = [], row = '', data = {};

そのため、あえてifブロックの中でdata = {}; // ここでdata配列を空にしないと、同じ値が出力される。を書かなくてもよいのかなと思ったのですが、そうではないらしく。

これがないとどうして同じ値が出力されてしまうのか、理解できておらず、お知恵を拝借頂けますと有難いです。

どうぞよろしくお願いいたします。

Answer 1

簡単に言うと変数にプリミティブ型（プリミティブラッパーオブジェクト）以外を初期化せずに使うと同じオブジェクトを参照するからです。
オブジェクトの初期化方法

なので以下の一文の解釈は誤りで

dataを空にしないと、同じ値が出力されてしまいます。

正しくはdataを初期化しないとです

以下、初期化の確認用コード

var data = {};
data['nakami1'] = 1;
data['nakami2'] = 2;

const iremono = [];
iremono.push(data);
console.log(iremono);

data['nakami1'] = 4;
data['nakami2'] = 5;
console.log(iremono);

data = {};
data['nakami1'] = 1;
data['nakami2'] = 2;
console.log(iremono);

Comments

[yamazaru]

早々にご回答頂き有難うございます。
光明が見えた気がします。。

無知で恐縮ですが、追加で質問させてください。

お聞きしたいのは以下の点です。
>変数にプリミティブ型（プリミティブラッパーオブジェクト）以外を初期化せずに使うと同じオブジェクトを参照するからです。

これは連想配列の既存のキーと値を上書きすることはできない、という事なのでしょうか？

>初期化せずに使うと同じオブジェクトを参照するからです

の部分をしっかり理解したく、ご教示頂けると有難いです。

[hentaiman]

説明する代わりに回答にもコードを載せたんですが、実行してどういう処理になってるか調べてみましたか？それとリンク先と合わせて確認すればもう少し分かるかなと思って書いた内容ですが

見ていれば、参照・代入・メモリ・プリミティブ型・オブジェクト型などの概念が分かると思います。
読んだ上で分からない点があれば、まずは質問者自身の言葉で上記の単語などを踏まえてどう理解したかを述べてください。そこに明らかな誤りがあれば指摘はします。
※多少誤りがあっても問題無さそうなら指摘しませんが

[yamazaru]

遅くなり失礼いたしました。ありがとうございます。回答と掲載頂いたコードでもう少し勉強してみます。