多次元配列をflat使わずに一層にしたい。

Question

概要

下記のように出力結果が、多次元配列に処理があります。
出力結果をflatにしたいのすが、mapの戻り値をスプレッド構文で記述して一層の配列にすることはできないでしょうか？

flat関数を使用することでフラット化が出来ますが、スプレッド構文を戻り値として指定してフラット化出来ないでしょうか？

  const sample = Array(3).fill(Array(3).fill(0))
  const res = sample.map(innerArray=>{
    return innerArray.map(num =>{
      // この部分をスプレッド構文で返したいがエラーになる。
      // return ...(num + 3)
      return num + 3
    })
  })

// 実際の戻り値
[Array(3), Array(3), Array(3)]
// やりたい結果
[3, 3, 3, 3, 3, 3, 3, 3, 3]

Comments

[maisumakun]

なぜ「flatを使わずに」行う必要があるのでしょうか。

[yuki_90453]

私の環境node v14.16.1では使えないようです。

[maisumakun]

Node 11で対応しているようですので、何か呼び方や設定を間違えている気もします。

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/flat#browser_compatibility

Answer 1

flatがない時代はこんな感じで書いてたような。
[].concat.apply([],res)

Answer 2

const res=[[1,2,3],[4,5,6],[7,8,9]].reduce((x,y)=>x.concat(y));
とか
const res=[[1,2,3],[4,5,6],[7,8,9]].reduce((x,y)=>(x.push(...y),x));

Answer 3

こんなんでいい?

const sample = Array(3).fill(Array(3).fill(0))

const res = sample.reduce((pre, cur)=>{return pre.concat(cur.map(num=>{return num + 3}))}, [])

console.log(res)

Answer 4

スプレッド構文を戻り値として指定してフラット化出来ないでしょうか？

この形で実行することはできません。

いちばん内側の関数はもともと1つの値しか返しませんので、（仮に文法が許したとしても）スプレッドは意味が通りません。