前端数组拍平(flatten)

有时候需要把数组里面还有数组的元素展开和最外面数组的元素在同一层级时，这种需求就是数组的拍平，也叫数组的扁平。
1、最容易想到的是把数组的每一个元素都遍历，然后再对每一个元素进行判断是否是数组，是数组再对该元素数组遍历，直到不再是数组元素位置。

var arr = [1, 2, 3, [5, 6, [8, 9]], 11, [4, 7]];
function flatten(arr){
	let result = [];
	for(let item of arr){
		//判断传入的数组arr的元素是否是数组对象的原型，如果是，则进行下一次遍历
		if(item instanceof Array){
			result = result.concat(flatten(item));
		}else{
			result.push(item)
		}
	}
	return result;
}
var newArr = flatten(arr)
console.log(newArr); //打印结果[1, 2, 3, 5, 6, 8, 9, 11, 4, 7]

2、es6提供的数组.flat() API可以直接把数组拍平，没有参数时默认只拍平嵌套一层的数组。如果想拍平嵌套有2层的，则可以直接填参数2.如果不知道要拍平的数组嵌套的层数，可以填参数Infinity.

var arr = [1, 2, 3, [5, 6, [8, 9]], 11, [4, 7]];
arr.flat();  //结果为[1, 2, 3, 5, 6, Array(2), 11, 4, 7]
arr.flat(2); //结果为[1, 2, 3, 5, 6, 8, 9, 11, 4, 7]
arr.flat(Infinity); //结果为[1, 2, 3, 5, 6, 8, 9, 11, 4, 7]

3、使用数组的原型方法的.toString()方法

var arrStr = [1,2,3,'abc', ['d', 'A'], 9];
arr.toString().split(',').map((item) => {   //toString()方法是把数组转为字符串，split(',')是把字符串以逗号转为数组。数字会被转为字符串数字。
	if(isNaN(parseInt(item,10))){   //isNaN()是来判断一个变量是否是字符串数字。
		return item;
	}else{
		return parseInt(item,10)
	}
})

注：上面写的该方法暂时处理带有字符串数字的数组会出错，都会被转为数字元素，待想到解决办法再优化