JavaScriptのオブジェクトをPHPの連想配列の形式にしてHTMLへ出力したい

以下をHTMLへ出力したいです。

[ [ "name"=>"a", "val"=>[ "a1", "a2" ] ], [ "name"=>"b", "val"=>[] ] ]

流れとしては、下記arrがありますので、hoo()へそれを渡してreturnし、document.writeするというのがいいと考えています。このhoo()の書き方を知りたいです。

var arr = [
  {
    "name": "a",
    "val": [
      "a1",
      "a2"
    ]
  },
  {
    "name": "b",
    "val": []
  },
];

var rensohairetsu = hoo( arr );
document.write( rensohairetsu );

function hoo( arr ){
	// 引数の arr を使い、以下を return したい
	return `[
  	[
    	"name"=>"a",
     	"val"=>[
      	  "a1",
      	  "a2"
      ]
    ],
    [
    	"name"=>"b",
     	"val"=>[]
    ]
  ]`;
}
```
replaceというメソッドを使い以下書いたのですが途中までしか変換することができなくて、検索してもこういった例が見当たらず、こちらのサイトにたどり着きました。
ご回答のほど宜しくお願い致します。


```
function hoo( arr ){
	var str = JSON.stringify(arr);
	str.replace(':', '=>');
	str.replace('{', '[');
	str.replace('}', ']');
	return str;
}
```
気づいた点を補足させて頂きます。そもそも上記hoo()のreplaceでは、valの値に「:」「{」「}」があったときにそこまでreplaceされてしまうと気づいたので、もしそこまで対応できる方法があれば併せてお伺いしたく存じます。

行動規範の内容に同意します

回答1件

ベストアンサー

js
1function hoo( arr ){
2  if (arr instanceof Array == true) return `[${arr.map( hoo )}]`;
3  if (typeof arr == "object") return `[${Object.entries(arr).map(([k,v])=>`"${k}"=>${hoo(v)}`)}]`;
4  return `"${arr}"`;
5}