判空小技巧
!!用来做判断很方便,
例如 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
}