js嵌套的数组扁平化:将多维数组变成一维数组以及push()与concat

数组的扁平化：将多维数组变成一维数组

对于一个像这样的嵌套数组：a=[1,[2,[3,4]],5,6]我们想要把它变成一个一维数组，有下面几种方法：

方法一：递归一

function parseArr(arr,res){  var i=0;  for(i=0;i<arr.length;i++){    if(arr[i] instanceof Array){      parseArr(arr[i],res);    }else{      res.push(arr[i]);    }  }}var a=[1,[2,[3,4]],5,6];var res=[];parseArr(a,res);

递归二（推荐）

  var arr = ['mu','zi',['dig',['big','love']]]  function flatten(arr){     var res = [];     for(var i=0;i<arr.length;i++){      if(Array.isArray(arr[i])){        res = res.concat(flatten(arr[i]));      }else{        res.push(arr[i]);      }     }     return res;   }  console.log(flatten(arr))//["mu", "zi", "dig", "big", "love"]

对上面的方法进行解析：

1.语法: Array.isArray(object)；参数：object必需。要测试的对象。

返回值

如果 object 是数组，则为 true；否则为 false。 如果 object 参数不是对象，则返回 false。

2.push()与concat()的区别

方法二： 使用toString先变成一个字符串再使用split变成一个字符串数组（数组中的每个元素是一个字符串），最后使用map方法将数组中的每个元素返回为非字符串。

//arr数组中的元素不能为字符串只能为数组var newArr=arr.toString().split(',').map(function(ele){  return +ele;});console.log(newArr)alert(typeof arr[0]); //number

方式三：使用toString()和split(',')方法

  toString()

     如果数组的元素都是数字，那么我们可以考虑使用 toString 方法，因为：
     toString会将数组中的数以逗号形式结合起来。

toString()之后再split(',')转成数组，并将其转换回数字数组：

  var arr = [1, [2, [3, 4],[5,[6],[7,8]]]];  var arrStr = arr.toString();  console.log(arrStr);//1,2,3,4,5,6,7,8  var strArr = arrStr.split(',');  console.log(strArr)//["1", "2", "3", "4", "5", "6", "7", "8"]

方式二和方式三  的场景只适用于数组内全部是数字的情况，因为中间是全部转换为字符串了。

方法四: 使用reduce和concat方法