摘要：扁平化嵌套數(shù)組實(shí)現(xiàn)描述將嵌套多層的數(shù)組展開(kāi)平鋪成只有一層的數(shù)組。方法一知識(shí)點(diǎn)方法二知識(shí)點(diǎn)方法三知識(shí)點(diǎn)展開(kāi)語(yǔ)法其它方法數(shù)組去重描述將數(shù)組中重復(fù)的元素過(guò)濾掉。對(duì)于函數(shù)防抖，門(mén)外有人頻繁敲門(mén)，門(mén)衛(wèi)按最后一次敲門(mén)來(lái)決定是否開(kāi)門(mén)。知識(shí)點(diǎn)發(fā)布訂閱模式

描述：將嵌套多層的數(shù)組展開(kāi)平鋪成只有一層的數(shù)組。

let array = [1, [1, 2, 3], [1, [2, {}]] ]
handle(array) // [1, 1, 2, 3, 1, 2, {}]

方法一：

const handle = array => JSON.parse(`[${JSON.stringify(array).replace(/[|]/g,"")}]`)
handle(array)   // [ 1, 1, 2, 3, 1, 2, {} ]

知識(shí)點(diǎn)：JSON.parse()/JSON.stringify()、String.prototype.replace()

方法二：

const handle = array => array.reduce((accumulator, currentValue) => accumulator.concat(Array.isArray(currentValue) ? handle(currentValue): currentValue), [])
handle(array)   // [ 1, 1, 2, 3, 1, 2, {} ]

知識(shí)點(diǎn)：Array.prototype.reduce()、Array.prototype.concat()

方法三：

const handle = array => {
    while(array.some(item => Array.isArray(item))) {
        array = [].concat(...array)
    }
    return array
}
handle(array)   // [ 1, 1, 2, 3, 1, 2, {} ]

知識(shí)點(diǎn)：while、Array.prototype.some()、展開(kāi)語(yǔ)法(Spread syntax)

其它方法：......

描述：將數(shù)組中重復(fù)的元素過(guò)濾掉。

let array = [1, 2, 1, "3", "3", 0 , 1]
handle(array)   // [1, 2, "3", 0]

方法一：

const handle = array => [...new Set(array)]
handle(array)   // [ 1, 2, "3", 0 ]

知識(shí)點(diǎn)：Set

方法二：

const handle = array => array.reduce((accumulator, currentValue) => {
    !accumulator.includes(currentValue) && accumulator.push(currentValue)
    return accumulator
}, [])
handle(array)   // [ 1, 2, "3", 0 ]

知識(shí)點(diǎn)：Array.prototype.includes()

方法三：

const handle = array => {
    let map = new Map()
    return array.filter(item => map.has(item) ? false : map.set(item))
}
handle(array)   // [ 1, 2, "3", 0 ]

知識(shí)點(diǎn)：Map、Array.prototype.filter()

其它方法：......

Function.prototype.bind = function () {
    let self = this, args = Array.from(arguments), context = args.shift();
    return function () {
        return self.apply(context, args.concat(...arguments))
    };
};

知識(shí)點(diǎn)：apply、call、bind

const handle = function() {
    let fn = Array.prototype.shift.call(arguments)
    let obj = Object.create(fn.prototype)
    let o = fn.apply(obj, arguments)
    return typeof o === "object" ? o : obj;
}

知識(shí)點(diǎn)：Object.create()

const num = 123456789;
const handle = num => String(num).replace(/B(?=(d{3})+(?!d))/g, ",")
handle(num) // 123,456,789

知識(shí)點(diǎn)：正則表達(dá)式、String.prototype.replace()

const num = 123456654321;
const str = "abababababab";
const handle = params => {
    let str_1 = String(params).replace(/[^0-9A-Za-z]/g, "").toLowerCase();
    let str_2 = str_1.split("").reverse().join();
    return str_1 === str_2 ? true : false
}
handle(num) // true
handle(str) // false

知識(shí)點(diǎn)：String.prototype.split()、Array.prototype.join()

const handle = (fn, interval) => {
    let timeId = null;
    return function() {
        if (!timeId) {
            timeId = setTimeout(() => {
                fn.apply(this, arguments)
                timeId = null
            }, interval)
        }
    }
}

知識(shí)點(diǎn)：window.setTimeout

const handle = (fn, interval) => {
    let lastTime = 0
    return function () {
        let now = Date.now();
        if (now - lastTime > interval) {
            fn.apply(this, arguments)
            lastTime = now
        }
    }
}

const handle = (fn, delay) => {
    let timeId;
    return function() {
        if (timeId) clearTimeout(timeId)
        timeId = setTimeout(() => {
            fn.apply(this, arguments)
        }, delay)
    }
}

函數(shù)節(jié)流、函數(shù)防抖區(qū)別：函數(shù)節(jié)流和函數(shù)防抖較容易混淆，可以這么比喻，對(duì)于函數(shù)節(jié)流，門(mén)外有人頻繁敲門(mén)，但是門(mén)衛(wèi)按固定時(shí)間來(lái)決定是否開(kāi)門(mén)。對(duì)于函數(shù)防抖，門(mén)外有人頻繁敲門(mén)，門(mén)衛(wèi)按最后一次敲門(mén)來(lái)決定是否開(kāi)門(mén)。

知識(shí)點(diǎn)：window.clearTimeout

class Pubsub {
    constructor() {
        this.handles = {}
    }
    subscribe(type, handle) {
        if (!this.handles[type]) {
            this.handles[type] = []
        }
        this.handles[type].push(handle)
    }
    unsubscribe(type, handle) {
        let pos = this.handles[type].indexOf(handle)
        if (!handle) {
            this.handles.length = 0
        } else {
            ~pos && this.handles[type].splice(pos, 1)
        }
    }
    publish() {
        let type = Array.prototype.shift.call(arguments)
        this.handles[type].forEach(handle => {
            handle.apply(this, arguments)
        })
    }
}

const pub = new Pubsub()
pub.subscribe("a", function() {console.log("a", ...arguments)})
pub.publish("a", 1, 2, 3)
// a 1 2 3