Steamroller 数组扁平化处理

如果是一组不含嵌套的数组要合并的话，用reduce方法即可。

但是如果有嵌套的话，就复杂一点了。我个人的解法是这样：

function steamroller(arr) {
  // I'm a steamroller, baby
  var brr=[];
  function flat(puzzle){
    for(var i =0;i<puzzle.length;i++){
      if(Array.isArray(puzzle[i])){
        flat(puzzle[i]);
      }else{
        brr.push(puzzle[i]);
      }
    }
  }
  flat (arr);
  return brr;
}

steamroller([1, [], [3, [[4]]]]);

易错点与收获

易错点1：Array.isArray()方法应用错误，误以为是像reduce,filter方法一样是数组实例的方法，其实这是数组原型的方法，所以要判断的数组实例应该作为参数放在括号里，而不是作为对象去应用该方法。作为参数而非对象。

收获1：return语句的加深理解。我一开始在if语句的第一个代码块里写的是return flat(puzzle(i));，然后一直不能通过，并且得到的结果只有数组里的第一项，后面的都没有。删掉return之后就通过了。原因其实比较简单，我开始只知道return语句在结束当前代码后会移交控制权，但并不清楚会到底移交给谁，移交到什么位置，但经过这个例子，很明显不是跳出if语句，也不是跳出for循环，而是直接跳出了当前函数。通过查阅高程可知，return语句是专用于函数里的语句，一个函数在执行过程中只要遇到return就会立即返回return后面的值并退出当前函数，return是函数特有的语句，所以是以函数为单位进行退出的，函数的返回值即return后面跟的值，若没有return语句会返回undefined。

收获2：for循环是我最喜欢也是最常用的语句，但其实写起来真是挺烦的，for循环仅仅只是一种迭代的主式而已，数组的迭代方法有很多现成的可以用，高程第96页说到ES5中数组有5个迭代方法：every(),filter(),forEach(),map(),some()。每个方法都接收两个参数，第一个参数为回调函数（必选），第二个参数为作用域对象，用来绑定this值的（可选）。every()和some()是用来判断数组的，测试某个数组能否通过某项测试，因为它们都返回布尔值。filter()和map()都是处理数组的，它们都返回数组，前者返回测试通过的数组项，后者返回每次函数调用的结果组成的数组。而forEach()方法就是今天的主角，可以当作for循环来使用的，它对数组中的每一项运行给定函数，没有返回值。