js-常见js优雅写法集合，收集更新中.......

小灰灰 2021-09-13 19:06 246阅读 0赞

### js-常见js优雅写法集合，收集更新中....... ###

*   *   *   *   *  1、v-if 多条件判断优雅写法
                 *  2、不同参数类型，条件判断返回不同值
                 *  3、32随机字符串生成
                 *  4、将秒时间格式化为：时分秒

##### 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
    	},