Javascript总结（常用工具类的封装）

前言

因为工作中经常用到这些方法，所有便把这些方法进行了总结。

JavaScript

1. type 类型判断

isString (o) { //是否字符串 return Object.prototype.toString.call(o).slice(8, -1) === ’String’ } isNumber (o) { //是否数字 return Object.prototype.toString.call(o).slice(8, -1) === ’Number’ } isObj (o) { //是否对象 return Object.prototype.toString.call(o).slice(8, -1) === ’Object’ } isArray (o) { //是否数组 return Object.prototype.toString.call(o).slice(8, -1) === ’Array’ } isDate (o) { //是否时间 return Object.prototype.toString.call(o).slice(8, -1) === ’Date’ } isBoolean (o) { //是否boolean return Object.prototype.toString.call(o).slice(8, -1) === ’Boolean’ } isFunction (o) { //是否函数 return Object.prototype.toString.call(o).slice(8, -1) === ’Function’ } isNull (o) { //是否为null return Object.prototype.toString.call(o).slice(8, -1) === ’Null’ } isUndefined (o) { //是否undefined return Object.prototype.toString.call(o).slice(8, -1) === ’Undefined’ } isFalse (o) { if (!o || o === ’null’ || o === ’undefined’ || o === ’false’ || o === ’NaN’) return true return false } isTrue (o) { return !this.isFalse(o) } isIos () { var u = navigator.userAgent; if (u.indexOf(’Android’) > -1 || u.indexOf(’Linux’) > -1) {//安卓手机 // return 'Android'; return false } else if (u.indexOf(’iPhone’) > -1) {//苹果手机 // return 'iPhone'; return true } else if (u.indexOf(’iPad’) > -1) {//iPad // return 'iPad'; return false } else if (u.indexOf(’Windows Phone’) > -1) {//winphone手机 // return 'Windows Phone'; return false }else{ return false } } isPC () { //是否为PC端 var userAgentInfo = navigator.userAgent; var Agents = ['Android', 'iPhone', 'SymbianOS', 'Windows Phone', 'iPad', 'iPod']; var flag = true; for (var v = 0; v < Agents.length; v++) { if (userAgentInfo.indexOf(Agents[v]) > 0) { flag = false; break; } } return flag; } browserType(){ var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = userAgent.indexOf('Opera') > -1; //判断是否Opera浏览器 var isIE = userAgent.indexOf('compatible') > -1 && userAgent.indexOf('MSIE') > -1 && !isOpera; //判断是否IE浏览器 var isEdge = userAgent.indexOf('Edge') > -1; //判断是否IE的Edge浏览器 var isFF = userAgent.indexOf('Firefox') > -1; //判断是否Firefox浏览器 var isSafari = userAgent.indexOf('Safari') > -1 && userAgent.indexOf('Chrome') == -1; //判断是否Safari浏览器 var isChrome = userAgent.indexOf('Chrome') > -1 && userAgent.indexOf('Safari') > -1; //判断Chrome浏览器 if (isIE) { var reIE = new RegExp('MSIE (d+.d+);'); reIE.test(userAgent); var fIEVersion = parseFloat(RegExp['$1']); if(fIEVersion == 7) return 'IE7' else if(fIEVersion == 8) return 'IE8'; else if(fIEVersion == 9) return 'IE9'; else if(fIEVersion == 10) return 'IE10'; else if(fIEVersion == 11) return 'IE11'; else return 'IE7以下'//IE版本过低 } if (isFF) return 'FF'; if (isOpera) return 'Opera'; if (isEdge) return 'Edge'; if (isSafari) return 'Safari'; if (isChrome) return 'Chrome'; } checkStr (str, type) { switch (type) { case ’phone’: //手机号码 return /^1[3|4|5|7|8][0-9]{9}$/.test(str); case ’tel’: //座机 return /^(0d{2,3}-d{7,8})(-d{1,4})?$/.test(str); case ’card’: //身份证 return /^d{15}|d{18}$/.test(str); case ’pwd’: //密码以字母开头，长度在6~18之间，只能包含字母、数字和下划线 return /^[a-zA-Z]w{5,17}$/.test(str) case ’postal’: //邮政编码 return /[1-9]d{5}(?!d)/.test(str); case ’QQ’: //QQ号 return /^[1-9][0-9]{4,9}$/.test(str); case ’email’: //邮箱 return /^[w-]+(.[w-]+)*@[w-]+(.[w-]+)+$/.test(str); case ’money’: //金额(小数点2位) return /^d*(?:.d{0,2})?$/.test(str); case ’URL’: //网址 return /(http|ftp|https)://[w-_]+(.[w-_]+)+([w-.,@?^=%&:/~+#]*[w-@?^=%&/~+#])?/.test(str) case ’IP’: //IP return /((?:(?:25[0-5]|2[0-4]d|[01]?d?d).){3}(?:25[0-5]|2[0-4]d|[01]?d?d))/.test(str); case ’date’: //日期时间 return /^(d{4})-(d{2})-(d{2}) (d{2})(?::d{2}|:(d{2}):(d{2}))$/.test(str) || /^(d{4})-(d{2})-(d{2})$/.test(str) case ’number’: //数字 return /^[0-9]$/.test(str); case ’english’: //英文 return /^[a-zA-Z]+$/.test(str); case ’chinese’: //中文 return /^[u4E00-u9FA5]+$/.test(str); case ’lower’: //小写 return /^[a-z]+$/.test(str); case ’upper’: //大写 return /^[A-Z]+$/.test(str); case ’HTML’: //HTML标记 return /<('[^']*'|’[^’]*’|[^’'>])*>/.test(str); default: return true; } }

2. Date

/** * 格式化时间 * * @param {time} 时间 * @param {cFormat} 格式 * @return {String} 字符串 * * @example formatTime(’2018-1-29’, ’{y}/{m}/{d} {h}:{i}:{s}’) // -> 2018/01/29 00:00:00 */ formatTime(time, cFormat) { if (arguments.length === 0) return null if ((time + ’’).length === 10) { time = +time * 1000 } var format = cFormat || ’{y}-{m}-{d} {h}:{i}:{s}’, date if (typeof time === ’object’) { date = time } else { date = new Date(time) } var formatObj = { y: date.getFullYear(), m: date.getMonth() + 1, d: date.getDate(), h: date.getHours(), i: date.getMinutes(), s: date.getSeconds(), a: date.getDay() } var time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => { var value = formatObj[key] if (key === ’a’) return [’一’, ’二’, ’三’, ’四’, ’五’, ’六’, ’日’][value - 1] if (result.length > 0 && value < 10) { value = ’0’ + value } return value || 0 }) return time_str } /** * 返回指定长度的月份集合 * * @param {time} 时间 * @param {len} 长度 * @param {direction} 方向： 1: 前几个月; 2: 后几个月; 3:前后几个月 默认 3 * @return {Array} 数组 * * @example getMonths(’2018-1-29’, 6, 1) // -> ['2018-1', '2017-12', '2017-11', '2017-10', '2017-9', '2017-8', '2017-7'] */ getMonths(time, len, direction) { var mm = new Date(time).getMonth(), yy = new Date(time).getFullYear(), direction = isNaN(direction) ? 3 : direction, index = mm; var cutMonth = function(index) { if ( index <= len && index >= -len) { return direction === 1 ? formatPre(index).concat(cutMonth(++index)): direction === 2 ? formatNext(index).concat(cutMonth(++index)):formatCurr(index).concat(cutMonth(++index)) } return [] } var formatNext = function(i) { var y = Math.floor(i/12), m = i%12 return [yy+y + ’-’ + (m+1)] } var formatPre = function(i) { var y = Math.ceil(i/12), m = i%12 m = m===0 ? 12 : m return [yy-y + ’-’ + (13 - m)] } var formatCurr = function(i) { var y = Math.floor(i/12), yNext = Math.ceil(i/12), m = i%12, mNext = m===0 ? 12 : m return [yy-yNext + ’-’ + (13 - mNext),yy+y + ’-’ + (m+1)] } // 数组去重 var unique = function(arr) { if ( Array.hasOwnProperty(’from’) ) { return Array.from(new Set(arr)); }else{ var n = {},r=[]; for(var i = 0; i < arr.length; i++){ if (!n[arr[i]]){ n[arr[i]] = true; r.push(arr[i]); } } return r; } } return direction !== 3 ? cutMonth(index) : unique(cutMonth(index).sort(function(t1, t2){ return new Date(t1).getTime() - new Date(t2).getTime() })) } /** * 返回指定长度的天数集合 * * @param {time} 时间 * @param {len} 长度 * @param {direction} 方向： 1: 前几天; 2: 后几天; 3:前后几天 默认 3 * @return {Array} 数组 * * @example date.getDays(’2018-1-29’, 6) // -> ['2018-1-26', '2018-1-27', '2018-1-28', '2018-1-29', '2018-1-30', '2018-1-31', '2018-2-1'] */ getDays(time, len, diretion) { var tt = new Date(time) var getDay = function(day) { var t = new Date(time) t.setDate(t.getDate() + day) var m = t.getMonth()+1 return t.getFullYear()+’-’+m+’-’+t.getDate() } var arr = [] if (diretion === 1) { for (var i = 1; i <= len; i++) { arr.unshift(getDay(-i)) } }else if(diretion === 2) { for (var i = 1; i <= len; i++) { arr.push(getDay(i)) } }else { for (var i = 1; i <= len; i++) { arr.unshift(getDay(-i)) } arr.push(tt.getFullYear()+’-’+(tt.getMonth()+1)+’-’+tt.getDate()) for (var i = 1; i <= len; i++) { arr.push(getDay(i)) } } return diretion === 1 ? arr.concat([tt.getFullYear()+’-’+(tt.getMonth()+1)+’-’+tt.getDate()]) : diretion === 2 ? [tt.getFullYear()+’-’+(tt.getMonth()+1)+’-’+tt.getDate()].concat(arr) : arr } /** * @param {s} 秒数 * @return {String} 字符串 * * @example formatHMS(3610) // -> 1h0m10s */ formatHMS (s) { var str = ’’ if (s > 3600) { str = Math.floor(s/3600)+’h’+Math.floor(s%3600/60)+’m’+s%60+’s’ }else if(s > 60) { str = Math.floor(s/60)+’m’+s%60+’s’ }else{ str = s%60+’s’ } return str } /*获取某月有多少天*/ getMonthOfDay (time) { var date = new Date(time) var year = date.getFullYear() var mouth = date.getMonth() + 1 var days //当月份为二月时，根据闰年还是非闰年判断天数 if (mouth == 2) { days = year % 4 == 0 ? 29 : 28 } else if (mouth == 1 || mouth == 3 || mouth == 5 || mouth == 7 || mouth == 8 || mouth == 10 || mouth == 12) { //月份为：1,3,5,7,8,10,12 时，为大月.则天数为31； days = 31 } else { //其他月份，天数为：30. days = 30 } return days } /*获取某年有多少天*/ getYearOfDay (time) { var firstDayYear = this.getFirstDayOfYear(time); var lastDayYear = this.getLastDayOfYear(time); var numSecond = (new Date(lastDayYear).getTime() - new Date(firstDayYear).getTime())/1000; return Math.ceil(numSecond/(24*3600)); } /*获取某年的第一天*/ getFirstDayOfYear (time) { var year = new Date(time).getFullYear(); return year + '-01-01 00:00:00'; } /*获取某年最后一天*/ getLastDayOfYear (time) { var year = new Date(time).getFullYear(); var dateString = year + '-12-01 00:00:00'; var endDay = this.getMonthOfDay(dateString); return year + '-12-' + endDay + ' 23:59:59'; } /*获取某个日期是当年中的第几天*/ getDayOfYear (time) { var firstDayYear = this.getFirstDayOfYear(time); var numSecond = (new Date(time).getTime() - new Date(firstDayYear).getTime())/1000; return Math.ceil(numSecond/(24*3600)); } /*获取某个日期在这一年的第几周*/ getDayOfYearWeek (time) { var numdays = this.getDayOfYear(time); return Math.ceil(numdays / 7); }

3. Array

/*判断一个元素是否在数组中*/ contains (arr, val) { return arr.indexOf(val) != -1 ? true : false; } /** * @param {arr} 数组 * @param {fn} 回调函数 * @return {undefined} */ each (arr, fn) { fn = fn || Function; var a = []; var args = Array.prototype.slice.call(arguments, 1); for(var i = 0; i < arr.length; i++) { var res = fn.apply(arr, [arr[i], i].concat(args)); if(res != null) a.push(res); } } /** * @param {arr} 数组 * @param {fn} 回调函数 * @param {thisObj} this指向 * @return {Array} */ map (arr, fn, thisObj) { var scope = thisObj || window; var a = []; for(var i = 0, j = arr.length; i < j; ++i) { var res = fn.call(scope, arr[i], i, this); if(res != null) a.push(res); } return a; } /** * @param {arr} 数组 * @param {type} 1：从小到大 2：从大到小 3：随机 * @return {Array} */ sort (arr, type = 1) { return arr.sort( (a, b) => { switch(type) { case 1: return a - b; case 2: return b - a; case 3: return Math.random() - 0.5; default: return arr; } }) } /*去重*/ unique (arr) { if ( Array.hasOwnProperty(’from’) ) { return Array.from(new Set(arr)); }else{ var n = {},r=[]; for(var i = 0; i < arr.length; i++){ if (!n[arr[i]]){ n[arr[i]] = true; r.push(arr[i]); } } return r; } } /*求两个集合的并集*/ union (a, b) { var newArr = a.concat(b); return this.unique(newArr); } /*求两个集合的交集*/ intersect (a, b) { var _this = this; a = this.unique(a); return this.map(a, function(o) { return _this.contains(b, o) ? o : null; }); } /*删除其中一个元素*/ remove (arr, ele) { var index = arr.indexOf(ele); if(index > -1) { arr.splice(index, 1); } return arr; } /*将类数组转换为数组的方法*/ formArray (ary) { var arr = []; if(Array.isArray(ary)) { arr = ary; } else { arr = Array.prototype.slice.call(ary); }; return arr; } /*最大值*/ max (arr) { return Math.max.apply(null, arr); } /*最小值*/ min (arr) { return Math.min.apply(null, arr); } /*求和*/ sum (arr) { return arr.reduce( (pre, cur) => { return pre + cur }) } /*平均值*/ average (arr) { return this.sum(arr)/arr.length }

4. String 字符串操作

/** * 去除空格 * @param {str} * @param {type} * type: 1-所有空格 2-前后空格 3-前空格 4-后空格 * @return {String} */ trim (str, type) { type = type || 1 switch (type) { case 1: return str.replace(/s+/g, ''); case 2: return str.replace(/(^s*)|(s*$)/g, ''); case 3: return str.replace(/(^s*)/g, ''); case 4: return str.replace(/(s*$)/g, ''); default: return str; } } /** * @param {str} * @param {type} * type: 1:首字母大写 2：首页母小写 3：大小写转换 4：全部大写 5：全部小写 * @return {String} */ changeCase (str, type) { type = type || 4 switch (type) { case 1: return str.replace(/bw+b/g, function (word) { return word.substring(0, 1).toUpperCase() + word.substring(1).toLowerCase(); }); case 2: return str.replace(/bw+b/g, function (word) { return word.substring(0, 1).toLowerCase() + word.substring(1).toUpperCase(); }); case 3: return str.split(’’).map( function(word){ if (/[a-z]/.test(word)) { return word.toUpperCase(); }else{ return word.toLowerCase() } }).join(’’) case 4: return str.toUpperCase(); case 5: return str.toLowerCase(); default: return str; } } /* 检测密码强度 */ checkPwd (str) { var Lv = 0; if (str.length < 6) { return Lv } if (/[0-9]/.test(str)) { Lv++ } if (/[a-z]/.test(str)) { Lv++ } if (/[A-Z]/.test(str)) { Lv++ } if (/[.|-|_]/.test(str)) { Lv++ } return Lv; } /*过滤html代码(把<>转换)*/ filterTag (str) { str = str.replace(/&/ig, '&'); str = str.replace(/</ig, '<'); str = str.replace(/>/ig, '>'); str = str.replace(' ', ' '); return str; }

5. Number

/*随机数范围*/ random (min, max) { if (arguments.length === 2) { return Math.floor(min + Math.random() * ( (max+1) - min )) }else{ return null; }} /*将阿拉伯数字翻译成中文的大写数字*/ numberToChinese (num) { var AA = new Array('零', '一', '二', '三', '四', '五', '六', '七', '八', '九', '十'); var BB = new Array('', '十', '百', '仟', '萬', '億', '点', ''); var a = ('' + num).replace(/(^0*)/g, '').split('.'), k = 0, re = ''; for(var i = a[0].length - 1; i >= 0; i--) { switch(k) { case 0: re = BB[7] + re; break; case 4: if(!new RegExp('0{4}//d{' + (a[0].length - i - 1) + '}$') .test(a[0])) re = BB[4] + re; break; case 8: re = BB[5] + re; BB[7] = BB[5]; k = 0; break; } if(k % 4 == 2 && a[0].charAt(i + 2) != 0 && a[0].charAt(i + 1) == 0) re = AA[0] + re; if(a[0].charAt(i) != 0) re = AA[a[0].charAt(i)] + BB[k % 4] + re; k++; }if(a.length > 1) // 加上小数部分(如果有小数部分) { re += BB[6]; for(var i = 0; i < a[1].length; i++) re += AA[a[1].charAt(i)]; } if(re == ’一十’) re = '十'; if(re.match(/^一/) && re.length == 3) re = re.replace('一', ''); return re; } /*将数字转换为大写金额*/ changeToChinese (Num) { //判断如果传递进来的不是字符的话转换为字符 if(typeof Num == 'number') { Num = new String(Num); }; Num = Num.replace(/,/g, '') //替换tomoney()中的“,” Num = Num.replace(/ /g, '') //替换tomoney()中的空格 Num = Num.replace(/￥/g, '') //替换掉可能出现的￥字符 if(isNaN(Num)) { //验证输入的字符是否为数字 //alert('请检查小写金额是否正确'); return ''; }; //字符处理完毕后开始转换，采用前后两部分分别转换 var part = String(Num).split('.'); var newchar = ''; //小数点前进行转化 for(var i = part[0].length - 1; i >= 0; i--) { if(part[0].length > 10) { return ''; //若数量超过拾亿单位，提示 } var tmpnewchar = '' var perchar = part[0].charAt(i); switch(perchar) { case '0': tmpnewchar = '零' + tmpnewchar; break; case '1': tmpnewchar = '壹' + tmpnewchar; break; case '2': tmpnewchar = '贰' + tmpnewchar; break; case '3': tmpnewchar = '叁' + tmpnewchar; break; case '4': tmpnewchar = '肆' + tmpnewchar; break; case '5': tmpnewchar = '伍' + tmpnewchar; break; case '6': tmpnewchar = '陆' + tmpnewchar; break; case '7': tmpnewchar = '柒' + tmpnewchar; break; case '8': tmpnewchar = '捌' + tmpnewchar; break; case '9': tmpnewchar = '玖' + tmpnewchar; break; } switch(part[0].length - i - 1) { case 0: tmpnewchar = tmpnewchar + '元'; break; case 1: if(perchar != 0) tmpnewchar = tmpnewchar + '拾'; break; case 2: if(perchar != 0) tmpnewchar = tmpnewchar + '佰'; break; case 3: if(perchar != 0) tmpnewchar = tmpnewchar + '仟'; break; case 4: tmpnewchar = tmpnewchar + '万'; break; case 5: if(perchar != 0) tmpnewchar = tmpnewchar + '拾'; break; case 6: if(perchar != 0) tmpnewchar = tmpnewchar + '佰'; break; case 7: if(perchar != 0) tmpnewchar = tmpnewchar + '仟'; break; case 8: tmpnewchar = tmpnewchar + '亿'; break; case 9: tmpnewchar = tmpnewchar + '拾'; break; } var newchar = tmpnewchar + newchar; } //小数点之后进行转化 if(Num.indexOf('.') != -1) { if(part[1].length > 2) { // alert('小数点之后只能保留两位,系统将自动截断'); part[1] = part[1].substr(0, 2) } for(i = 0; i < part[1].length; i++) { tmpnewchar = '' perchar = part[1].charAt(i) switch(perchar) { case '0': tmpnewchar = '零' + tmpnewchar; break; case '1': tmpnewchar = '壹' + tmpnewchar; break; case '2': tmpnewchar = '贰' + tmpnewchar; break; case '3': tmpnewchar = '叁' + tmpnewchar; break; case '4': tmpnewchar = '肆' + tmpnewchar; break; case '5': tmpnewchar = '伍' + tmpnewchar; break; case '6': tmpnewchar = '陆' + tmpnewchar; break; &n