将数组[1, 2, 3, [4, 5, [6, 7, 8, [9, 10, 11]]]]扁平化为[1,2,3,4,5,6,7,8,9,10,11]
先定义数组
var arr = [1, 2, 3, [4, 5, [6, 7, 8, [9, 10, 11]]]]; // [1,2,3,4,5,6,7,8,9,10,11]
/**
* 1.将数组转为字符串
*/
var res = arr.join();
var arr = res.split(',').map(Number);
console.log(arr);
操作方法:
1.join() 把数组中的所有元素转换为一个字符串
2.split() 将字符串拆分为子字符串数组
参数:字符串; 返回值:返回新数组; 不会更改原始字符串
3.map() 创建一个新数组,
参数:要操作的原数组; 返回值:该数组中的每个元素都调用一个提供的函数后返回的结果。
/**
* 2.使用api进行数组扁平化(方法一简化)
*/
function flat(arr) {
return arr.toString().split(",").map(function (item){
return +item
})
}
console.log(flat(arr));
/**
* 3.使用递归进行数组扁平化
* 思路:循环遍历每一个数组元素,不是数组的数组元素先添加到新数组中,是数组的数组元素循环遍历
*/
function flat(arr) {
// 声明一个新空数组
let newArr = [];
for (var i = 0; i < arr.length; i++) {
// 检查数组元素是否是数组
if (Array.isArray(arr[i])) {
// 如果是数组,将剩余数组部分拼接到newArr数组中,再次循环遍历
newArr = newArr.concat(flat(arr[i]))
} else {
newArr.push(arr[i])
}
}
// 返回新数组
return newArr
}
console.log(flat(arr));
操作方法:
1.concat 拼接数组元素 两个或者两个以上
参数:要拼接的数组; 返回值:返回拼接好的数组元素; 不修改原数组
2.push 从末尾增加数组元素
参数:增加的数组元素; 返回值:新数组的长度; 修改原数组
3.Array.isArray() 判断是否为数组
/**
* 使用some方法扁平化数组
*/
function flat(arr) {
while (arr.some(function (item) {
return Array.isArray(item)
})) {
console.log(arr,'上一次结果');
arr = [].concat(...arr) // [1, 2, 3, [4, 5, [6, 7, 8, [9, 10, 11]]]] => [1,2,3,4,5,[6, 7, 8, [9, 10, 11]]]
}
return arr
}
console.log(flat(arr));
操作方法:
1.some() 判断每一个数组元素是否符合函数表达式 只要有一个符合立马跳出循环返回true
参数:function(item,index,arr){}
返回值:true(有一个符合)/false(都不符合)
不修改原数组; 属于中断方法
2.拓展运算符(…)
将一个数组转为用逗号分隔的参数序列。
/**
* 4.使用flat方法进行数组扁平化处理
*/
console.log(arr.flat(Infinity));