JavaScriptの多次元配列で全ての値に対して処理を行う方法

Question

例えばこのような多次元配列で全ての値に対して2倍するという処理を行いたい場合どうすればいいのでしょうか？

var data = [
  [[10,20,30],[30,40,50],[60,70,80]],
  [[10,20,30],[30,40,50],[60,70,80]],
  [[10,20,30],[30,40,50],[60,70,80]],
]

mapなどを使用してみたのですがmapでは通常の配列に対してのみにしか処理を行えませんでした。このコードが4重、5重ループになったときも見やすく書く方法を教えてください。

Comments

[m.ts10806]

まずは自身が思った通りに書いてみてください。質問ではなく作業依頼になっています。

Answer 1

再帰を使うのはどうでしょうか

const data = [
  [[10,20,30],[30,40,50],[60,70,80]],
  [[10,20,30],[30,40,50],[60,70,80]],
  [[10,20,30],[30,40,50],[60,70,80]],
];

const test = data => Array.isArray(data) ? data.map(item => test(item)) : data * 2;

console.log(test(data));

↓

[
  [ [ 20, 40, 60 ], [ 60, 80, 100 ], [ 120, 140, 160 ] ],
  [ [ 20, 40, 60 ], [ 60, 80, 100 ], [ 120, 140, 160 ] ],
  [ [ 20, 40, 60 ], [ 60, 80, 100 ], [ 120, 140, 160 ] ]
]

Comments

[Hina_0917]

ありがとうございました！無事動作させることが出来ました。

Answer 2

ほぼTechnoteさんのままですが参考までにダメな方法を

var result=function(x){
  return x instanceof Array?x.map(x=>arguments.callee(x)):x*2;
}(data);
console.log(result);

Comments

[yambejp]

上記strictモードで動作しません
いまはcalleeに頼らない方法が推奨されています