第一种-- Es6 扩展运算符
var a=[1,2,3,4,[5,6]];
console.log([].concat(...a));
// [1, 2, 3, 4, 5, 6]
扩展运算符只能展开一层数组,考虑数组中是否还有数组,有则用扩展运算符展开一次。
第二种-- 数组的join()
var a=[1,2,3,4,[5,6]];
var newArr = a.join().split(',');
console.log(newArr)
// ["1", "2", "3", "4", "5", "6"]
第三种 --flat()方法
//嵌套一层 flat(1)
var a=[1,2,3,4,[5,6]];
console.log(a.flat())//[1, 2, 3, 4, 5, 6]
//嵌套2层 flat(2)
console.log([1, [2, [3, [4, 5]]]].flat(2));//[1, 2, 3, [4, 5]]
//多层嵌套 flat(Infinity)
console.log([1, [2, [3, [4, 5]]]].flat(Infinity)); // [1, 2, 3, 4, 5]
//flat()还可以跳过空位
console.log([1, [2, , 3]].flat());<p> // [1, 2, 3]
第四种–递归
var arr = [1,2,3,4,[5,6]]
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))
- Array.isArray(object) --------参数:object 必需,(要测试的对象)。返回值:如果 object 是数组,则为 true;否则为 false。 如果 object 参数不是对象,则返回 false。
- push()与concat()的区别
push()是在原数组的基础上修改的,执行push()方法后原数组的值也会变,在原数组后面添加值;若操作concat()的是一个数组先把原数组的每个值复制到一个新/另的数组,然后在新/另数组上进行操作,所以不会改变原数组的值。
如果参数不是数组,不管参数个数有多少个,push()和concat()都会直接把参数添加到数组后;如果参数是一个数组,push()就会直接把数组添加到原数组后,而concat()会把数组里的值取出来添加到原数组后。