js-常见js优雅写法集合,收集更新中.......
1、v-if 多条件判断优雅写法
//普通写法:
v-if=" type==1 || type==2 || type==3 "
//优雅写法:
v-if=" [1,2,3].includes(type) "
2、不同参数类型,条件判断返回不同值
//定义code过滤器
_filterCode(code) {
const status = {
//思路:当code传入code=401,返回:登录信息已失效,请重新登录
401: '登录信息已失效,请重新登录',
404: '服务器被吃了⊙﹏⊙∥',
403: '权限不足,请联系管理员!',
500: '服务器内部错误',
}
return status[code]
},
//使用
this.message = this._filterCode('401');
console.log(this.message);//登录信息已失效,请重新登录
3、32随机字符串生成
//32随机字符串生成
randomString(len = 32) {
let randomStr = ''
const chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678'; /****默认去掉了容易混淆的字符oOLl,9gq,Vv,Uu,I1****/
const maxPos = chars.length
for (let i = 0; i < len; i++) {
randomStr += chars.charAt(Math.floor(Math.random() * maxPos))
}
return randomStr
},
4、将秒时间格式化为:时分秒
/* 将秒时间格式化为:时分秒 */
formatSeconds(value) {
var theTime = parseInt(value) // 秒
var middle = 0 // 分
var hour = 0 // 小时
if (theTime > 60) {
middle = parseInt(theTime / 60)
theTime = parseInt(theTime % 60)
if (middle > 60) {
hour = parseInt(middle / 60)
middle = parseInt(middle % 60)
}
}
var result = '' + parseInt(theTime) + '秒'
if (middle > 0) {
result = '' + parseInt(middle) + '分' + result
}
if (hour > 0) {
result = '' + parseInt(hour) + '时' + result
}
return result
},