数组扁平化处理

今天看到一篇文章，其中讲解了数组扁平化处理的多种方法，个人觉得还是有点意思，现详细讲解几种实现的方法。

1. 使用forEach

	function  flatten1(arr){
		let res = [];
		arr.forEach((val)=>{				
			res.push( ...( Array.isArray(val) ? flatten1(val) : [val] ) );
		});
		return res;
	}

这个方法没啥好说的，运用了递归，同时使用了...操作符将数组进行了展开

2. 使用reduce

	function  flatten2(arr){			
		return arr.reduce((prev, curr)=>{				
			return prev.concat( Array.isArray(curr) ? flatten2(curr) :  curr  );			
		}, [] );
	}

这个方法也很好理解，就是使用reduce的特性，同时使用了递归

3. 使用some

	function  flatten3(arr){
		while( arr.some( val=>Array.isArray(val) ) ){
			arr = [].concat(...arr);
		}
		return arr;
	}

该方法虽然没有前面几种方法实现的n那么优雅，但是还是给了我一些惊喜。因为猛一看，我竟然没发现实现的具体原理。
直到我输入了下面的测试代码，我才明白：

	var a = [].concat(1,2, [3,4]);
	var b = [].concat(1,2,[ [5, 6] , 7 ]);
	console.log(a); //[1, 2, 3, 4]
	console.log(b) ;//[1, 2, Array(2), 7]

也就是说concat中跟随的项可以包含一维数组，而且一维数组会被展开，但二维数组就不可以。这和我预期的还是不一样的。所以还是基础知识不够牢靠啊！

后来查阅了一下MDN，发现这么一个注意

数字和布尔（不是String，Number 和 Boolean 对象）：concat将字符串和数字的值复制到新数组中。
注意：数组/值在连接时保持不变。此外，对于新数组的任何操作（仅当元素不是对象引用时）都不会对原始数组产生影响，反之亦然。

也就是说concat对于对象的拷贝是浅拷贝，举个列子：

	var a = [{a:1}, 2], b = [];
	var c = a.concat(b);
	
	c[0].a = 3;
	console.log( a[0].a ); //3

可以看到我们在链接后的新对象c中更改了数组中的第一项的属性a的值，结果这个更改在数组a的第一项也发生了。