JavaScript中怎么将多维数组进行降维（抹平）为一维

考题：在JavaScript中，如何将多维数组转化为一维数组，例如 [1, [ 2, [ 3, [ 4 ] ] ] ] 转为 [1, 2, 3, 4]。你想到几种方式呢？

① 最先想到的就是数组的flat方法： arr.flat(Infinity)

var arr = [1,[2,[3,[4]]]]
var res = arr.flat(Infinity) // [1, 2, 3, 4]

② 使用 arr.toString() + arr.split()方法。该方法缺点是会将数组中的值转为String类型

var arr = [1,[2,[3,[4]]]]
var res = arr.toString().split(',').map(x => Number(x))

③ 使用普通递归方法

var arr = [1,[2,[3,[4]]]]
var res = []
function flatArr(arr){
   for(var i = 0; i < arr.length; i++){
      if(typeof arr[i] === 'object'){
          flatArr(arr[i])
      }else{
           res.push(arr[i])
      }
   }
   return res
}
flatArr(arr)

④ 使用Generator函数

var arr = [1,[2,[3,[4]]]]
function* fun(arr){
    for(var i = 0; i < arr.length; i++){
      if(typeof arr[i] === 'object'){
          yield* fun(arr[i])
      }else{
          yield arr[i]
      }
   }
}
var g = fun(arr)
var res = [...g]

暂时想到这些，后续想到再补充！