js嵌套数组展平和判断数组方法

判断数组方法

1. instanceof

function isArray(arr) {
	return arr instanceof Array
}

instanceof 只能用来判断两个对象是否属于实例关系， 而不能判断一个对象实例具体属于哪种类型。其中的缺陷就是：instanceof对于frame跨域会有问题

2. constructor

function isArray(arr) {
	return arr.constructor === Array
}

函数的 constructor 是不稳定的，当开发者重写 prototype 后，原有的 constructor 引用会丢失，constructor 会默认为 Object

3. toString

function isArray(arr) {
	return Object.prototype.toString.call(arr) === '[object Array]'
}

4. Array.isArray

function isArray(arr) {
	return Array.isArray(arr)
}

比较可靠的检测数组的方法就是3和4

嵌套数组展平方法

1. 普通方法

function flattenMd() {
    let result = []
    return function flatten(arr) {
        arr.forEach(item => {
            if (isArray(item)) {
                flatten(item)
            } else {
                result.push(item)
            }
        })
        return result
    }
}

2. concat

function flattenMd(arr) {
    let result = []
    arr.forEach(item => {
        if (isArray(item)) {
            result = result.concat(flattenMd(item))
        } else {
            result.push(item)
        }
    })
    return result
}

3. reduce

function flattenMd(arr) {
    return arr.reduce((prev, item) => prev.concat(isArray(item) ? flattenMd(item) : item), [])
}

4. 展开运算符

function flattenMd(arr) {
    let flatten = arr => [].concat(...arr)
    return flatten(arr.map(item => isArray(item) ? flattenMd(item) : item))
}

5. join和split组合（只适用字符串数组，最简单粗暴）

function flattenMd(arr) {
    return arr.join().split(',')
}

参考资料链接：https://www.imooc.com/article/13521