jQueryオブジェクトが勝手に置き換わる

Question

前提・実現したいこと

質問よろしくお願い致します。
以下jQueryにおいて、オブジェクトが勝手に置き換わる原因と解決策を知りたいです。

発生している問題・エラーメッセージ

以下 postArgs を見ると、apple の kind に b が二つ入ってしまいます。
ここは a と b を入れたいです。
（画像のように置き換わることなく、postArg の値を postArgs に入れたいです。）

該当のソースコード

実行サンプル：https://jsfiddle.net/o1uyLkxv/

console.log('start');

const filterd = {
  "apple" : ["a","b"],
  "banana": ["d"],
  "cherry": ["e", "f"],
  "durian": ["g","h"]
};

let postArgs = [];
$.each(filterd, function(service, kinds) {
  let postArg  = {}; 
  kinds.forEach( kind => {
    postArg.service = service;
    postArg.kind    = kind;
    postArg.word    = 'あ';
    console.log( 'postArg =', postArg );
    postArgs.push( postArg );
  });
});

console.log( 'postArgs =', postArgs );

console.log('finish');

試したこと

上記のようにコンソールを出し、postArgs 手前の postArg を個別に出しました。画像の通りです。
すると、その時点では a になっているのに、postArgs の時点で勝手にbに置き換わるという現象なのだとわかりました。
しかし、コンソールと push の間にはなんの処理もないために、なぜ勝手に置き換わるのか…全く分からないです。
コンソールに表示されている postArg が push される。という理解なのですが、何か間違っているのでしょうか？

さらに、よりシンプルに以下状況での再現を試みましたた。
ですが、これはきちんと a と b が入りまして、原因を探る手立てが見つけられません。

こちらの皆様のお知恵を拝借できましたら幸いです。

let postArgsTest= [];
for(var i=0; i<2; i++){
    let postArg = {};
    if( i === 0 ){
        postArg =  { service: "apple", kind: "a", word: "あ" };
    }else{
        postArg =  { service: "apple", kind: "b", word: "あ" };
    }
    postArgsTest.push(postArg);
}  
console.log( 'postArgsTest =', postArgsTest );

補足情報（FW/ツールのバージョンなど）

jQuery3.4.1

Answer 1

postArg を宣言するスコープを見直してください

なぜ勝手に置き換わるのか…全く分からないです

置き換わる原因は、配列 postArgs に格納するオブジェクトが kinds.forEach() の外で宣言されているため、常に同一のオブジェクトを参照しているためです。

let postArgs = [];
$.each(filterd, function(service, kinds) {
  //let postArg  = {}; 
  kinds.forEach( kind => {
    let postArg  = {}; 
    postArg.service = service;
    postArg.kind    = kind;
    postArg.word    = 'あ';
    console.log( 'postArg =', postArg );
    postArgs.push( postArg );
  });
});

kinds.forEach() 内で console.log() による確認を終えたら、以下のように調整できます

let postArgs = [];
$.each(filterd, function(service, kinds) {
  kinds.forEach( kind => {
    postArgs.push( {service, kind, word: "あ"} );
  });
});
console.log( postArgs ); //

Comments

[torakun]

ああ…！なるほど。言われてみれば確かにといった感じですが、８時くらいからずっとハマっていたので本当に助かりました。ありがとうございました。