JS小技巧

判空小技巧
!!用来做判断很方便，
例如 a.length 返回时可能是0，大于0的数值、undefined
判空方法想要的返回值是true 和 false
如果用其他方法的话，可能比较啰嗦。
但是!!可以方便
!0 == true
!!0 == false
!1 == false
!!1 == true
我们就可以把上述a.length的返回值转为布尔值了。

const isEmpty = (value) => {
    return !( value ? (typeof value === 'object' ? (Array.isArray(value) ? !!value.length : !!Object.keys(value).length) : true ) : false)
}

从url中获取参数
开发过程中，我们很多参数都会从url中获取，因此封装一个getUrlParams方法很重要

const getParams = (url) => {
    const index = url.indexOf('?'); // 先找到参数所在的起始位置
    const paramsVal = url.slice(index)
    const result = {}
    const paramsArr = paramsVal.length ? paramsVal.split('&') : [] // 获取每一个参数值

    for (let i = 0; i < paramsArr.length; i++) {
        const [key, value] = paramsArr[i].split('=')
        if (key) {
            result[key] = value
        }
    }    
    return result
    
}

const getUrl = (key) => {
    const hashUrl = window.location.hash
    const hrefUrl = window.location.search

    const hashObj = getParams(hashUrl)
    const hrefObj = getParams(hrefUrl)
    
    // 如果hash和search有相同的key，这里以search的key为主
    // 当然你也可以调换位置，以hash的key为主
    const paramObj = {
        ...hashObj,
        ...hrefObj
    }

    if (key) {
        return paramObj[key] || ''
    }
    return paramObj
}