扁平化数组

将数组[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));