【JavaScript】配列を変数で指定した個数ずつ複製したい

Question

わからないこと

ご覧いただきありがとうございます。
下記のようなデータを指定した数だけ複製したいと思っております。

・中身を複製したい配列
let datas =[
[ '北海道', '男性', 185 ],
[ '東京都', '男性', 168 ],
[ '沖縄県', '女性', 155 ]
];

・各配列を複製する数
let copynums = [2,5,3];

複製後イメージ

[
[ '北海道', '男性', 185 ],
[ '北海道', '男性', 185 ],
[ '東京都', '男性', 168 ],
[ '東京都', '男性', 168 ],
[ '東京都', '男性', 168 ],
[ '東京都', '男性', 168 ],
[ '東京都', '男性', 168 ],
[ '沖縄県', '女性', 155 ],
[ '沖縄県', '女性', 155 ],
[ '沖縄県', '女性', 155 ]
]

追記事項

※2次元配列の中身が下記のように4つ、5つになったとしても
対応できるようにしたいと思っております。

const datas =[
[ '北海道', '男性', 185 ],
[ '東京都', '男性', 168 ],
[ '沖縄県', '女性', 155 ],
[ '福岡県', '女性', 162 ]
]

const copynums = [3,7,5,4];

解決策がありましたら教えていただければ幸いです。
よろしくお願いいたします。

Answer 1

copynumの値毎に空Arrayを作り、Array毎にdata要素をコピーして、flatMapで平坦な配列にするのがよさそうです。
ちなみに、dataは複数形、datamが単数形です。

const data =[
    [ '北海道', '男性', 185 ],
    [ '東京都', '男性', 168 ],
    [ '沖縄県', '女性', 155 ]
];
const copynums = [2,5,3];

const copydata = copynums.flatMap((n, i) => Array(n).fill().map(() => [...data[i]]));
console.log(copydata);

[
  [ '北海道', '男性', 185 ],
  [ '北海道', '男性', 185 ],
  [ '東京都', '男性', 168 ],
  [ '東京都', '男性', 168 ],
  [ '東京都', '男性', 168 ],
  [ '東京都', '男性', 168 ],
  [ '東京都', '男性', 168 ],
  [ '沖縄県', '女性', 155 ],
  [ '沖縄県', '女性', 155 ],
  [ '沖縄県', '女性', 155 ]
]

dataから作ることもできます。

const copydata = data.flatMap((d, i) => Array(copynums[i]).fill().map(() => [...d]));

Comments

[gasjs08320]

回答いただき誠にありがとうございました。

flatMapを使うとこんなことができるんですね。
全く知りませんでした。

flatMapはイマイチ使いどころが分からず
使っていなかったので勉強してみます。

変数名のご指摘についてもありがとうございました。