連想配列の特定の配列のメンバーの値を更新すると、全ての配列のメンバーが更新されてしまう

Question

発生している問題

以下のコードで連想配列possessionSetting[index]の値を書き換えたいのですが、
possessionSetting[0〜NumAll]　の全ての配列のpossessionFlag1メンバーに、trueがセットされてしまっています。
配列番号indexのメンバー変数possessionFlag1のみtrueに変更したいのですが、
コードの記載間違いはどこになるのでしょうか？
Javascriptの実行環境によって違いなどがあるのでしょうか？

実行環境：Cordova10 Google Chrome

該当のソースコード

言語：JavaScript

---------GlobalData.js-----------------
// グローバルデータ
let possessionSetting = [];

// 初期化時
function 関数名() {
let possessionData = {
id: "",
productNameJp: "",
generalNameJp: "",
possessionFlag1: false,
possessionFlag2: false,
possessionFlag3: false,
possessionFlag4: false,
possessionFlag5: false,
possessionFlag6: false,
possessionFlag7: false,
possessionFlag8: false,
possessionFlag9: false,
possessionFlag10: false,
possessionFlag11: false,
possessionFlag12: false,
possessionFlag13: false,
possessionFlag14: false,
possessionFlag15: false,
possessionFlag16: false
}

for ( i = 0; i < NumAll; i++ ){
possessionSetting.push( possessionData );
}

};

---------main.js-----------------
// 該当箇所（オブジェクト内関数）

問題箇所（実行コード）：
possessionSetting[index].possessionFlag1 = true;

→　possessionSetting[0〜NumAll]　の全ての配列にtrueがセットされてしまっている。
（possessionSetting[index]）のメンバーpossessionFlag1のみtrueに変更したい。

Comments

[m.ts10806]

コードはマークダウンのcode機能にてご提示ください

Answer 1

possessionSetting.push( possessionData );として同じオブジェクトを全要素に入れているので、1つを書き換えれば同じオブジェクトである全部が連動して変化します。

Comments

[spopio]

ご指摘いただき、ありがとうございました。
参照コピーになっていたのですね。実体コピー（ディープコピー）に修正することで対応できました。