javascriptで多次元配列（オブジェクト）の結合に関しまして。

Question

オブジェクトのマージを多次元で対応したいです。

下記は変数a,bをマージするサンプルです。
このサンプルの「merge」関数部分をどの様に作成すればよいのか解らない状態です。

var a = {"H1":{"H2":10,  "H3":{"H4":"VALUE4"}  }};

var b = {"H1":{"H3":{"h5":"VALUE5"}}};

//Object.assignだとH1キーで上書きされてしまいます。
Object.assign(a,b); // {"H1":{"H3":{"h5":"VALUE5"}}};

//始めのキーで上書きされるのではなく1つ以上の配列を再帰的にマージしたいです。
//phpの関数で言うとarray_merge_recursive
//https://www.php.net/manual/ja/function.array-merge-recursive.php
//になります。
merge(a, b); //{"H1":{"H2":10,  "H3":{"H4":"VALUE4","h5":"VALUE5"}}};
 

宜しくおねがいします。

Comments

[kei344]

ご自身で試されたコードを質問文に追記し、「何」が「どのように」わからないのか、コードのどの部分で詰まっているのかなどを具体的に追記されたほうが回答が望めると思います。

[HARIBOYA]

解りづらい質問で申し訳ございません。
編集させて頂きました。

Answer 1

自製にこだわりがないのであれば、lodashを使ってはいかがでしょうか。
_.merge(object, [sources]) | Lodash Documentation

Comments

[HARIBOYA]

ありがとうございます！こんな便利なものがあったとは知りませんでした。
早速落としてソースコードを見てみます！