工具函数对象书写例子，可自己扩展

万和IT

1. const Utils = {
   
2.   _typeof (obj) {
   
3.     return Object.prototype.toString.call(obj).slice(8, -1).toLowerCase();
   
4.   },
   
5.   isString (o) { //是否字符串
   
6.     return Utils._typeof(obj) === 'string'
   
7.   },
   
8.   isNumber (o) { //是否数字
   
9.       return Utils._typeof(obj) === 'number'
   
10.   },
    
11.   isBoolean (o) { //是否boolean
    
12.       return Utils._typeof(obj) === 'boolean'
    
13.   },
    
14.   isFunction (o) { //是否函数
    
15.       return Utils._typeof(obj) === 'function'
    
16.   },
    
17.   isNull (o) { //是否为null
    
18.       return Utils._typeof(obj) === 'null'
    
19.   },
    
20.   isUndefined (o) { //是否undefined
    
21.       return Utils._typeof(obj) === 'undefined'
    
22.   },
    
23.   isArray (o) { //是否数组
    
24.       return Utils._typeof(obj) === 'array'
    
25.   },
    
26.   isDate (o) { //是否时间
    
27.       return Utils._typeof(obj) === 'date'
    
28.   },
    
29.   /*是否是纯粹的对象*/
    
30.   isPlainObject (obj) {
    
31.     return Utils._typeof(obj) === 'object';
    
32.   },
    
33.   isString (obj) {
    
34.     return typeof (obj) === 'string';
    
35.   },
    
36.   /*是否是空数组*/
    
37.   isNonEmptyArray (obj = []) {
    
38.     return obj && obj.length > 0 && Array.isArray(obj) && typeof obj !== 'undefined';
    
39.   },
    
40.   /*是否是对象*/
    
41.   isObject (item) {
    
42.     return (item && typeof item === 'object' && !Array.isArray(item));
    
43.   },
    
44.   /*是否是空对象*/
    
45.   isEmptyObject (obj) {
    
46.     return Object.keys(obj).length === 0 && obj.constructor === Object;
    
47.   },
    
48.   //对象是否包含某属性
    
49.   isIncludeAttr(obj, attr) {
    
50.     //判断是否有该键值
    
51.     if (obj && obj.hasOwnProperty(attr)) {
    
52.       //如果有返回true
    
53.       return true;
    
54.     }
    
55.       return false;
    
56.    
    
57.   },
    
58.   decodeIconFont (text) {
    
59.     // 正则匹配 图标和文字混排 eg: 我去上学校,天天不迟到
    
60.     const regExp = /&#x[a-z|0-9]{4,5};?/g;
    
61.     if (regExp.test(text)) {
    
62.       return text.replace(new RegExp(regExp, 'g'), function (iconText) {
    
63.         const replace = iconText.replace(/&#x/, '0x').replace(/;$/, '');
    
64.         return String.fromCharCode(replace);
    
65.       });
    
66.     } else {
    
67.       return text;
    
68.     }
    
69.   },
    
70.   /*深拷贝*/
    
71.   mergeDeep (target) {
    
72.     let tempObj = Array.isArray(target)?[]:{};
    
73.     for(let key in target){
    
74.       tempObj[key] = Utils.isObject(target[key])?Util.mergeDeep(target[key]):target[key];
    
75.     }
    
76.     return tempObj;
    
77.   },
    
78. 
    
79.   /**
    
80.    * 分割数组
    
81.    * @param arr 被分割数组
    
82.    * @param size 分割数组的长度
    
83.    * @returns {Array}
    
84.    */
    
85.   arrayChunk (arr = [], size = 4) {
    
86.     let groups = [];
    
87.     if (arr && arr.length > 0) {
    
88.       groups = arr.map((e, i) => {
    
89.         return i % size === 0 ? arr.slice(i, i + size) : null;
    
90.       }).filter(e => {
    
91.         return e;
    
92.       });
    
93.     }
    
94.     return groups;
    
95.   },
    
96.   /*
    
97.    * 截断字符串
    
98.    * @param str 传入字符串
    
99.    * @param len 截断长度
    
100.    * @param hasDot 末尾是否...
     
101.    * @returns {String}
     
102.    */
     
103.   truncateString (str, len, hasDot = true) {
     
104.     let newLength = 0;
     
105.     let newStr = '';
     
106.     let singleChar = '';
     
107.     const chineseRegex = /[^\x00-\xff]/g;
     
108.     const strLength = str.replace(chineseRegex, '*').length;
     
109.     for (let i = 0; i < strLength; i++) {
     
110.       singleChar = str.charAt(i).toString();
     
111.       if (singleChar.match(chineseRegex) !== null) {
     
112.         newLength += 2;
     
113.       } else {
     
114.         newLength++;
     
115.       }
     
116.       if (newLength > len) {
     
117.         break;
     
118.       }
     
119.       newStr += singleChar;
     
120.     }
     
121. 
     
122.     if (hasDot && strLength > len) {
     
123.       newStr += '...';
     
124.     }
     
125.     return newStr;
     
126.   },
     
127.   /*
     
128.    * 转换 obj 为 url params参数
     
129.    * @param obj 传入对象
     
130.    * @param isEncodeURIComponent 是否编码，默认不编码
     
131.    * @returns {String}
     
132.    * eg. objToParams({name:'大佬',age:18})
     
133.    */
     
134.   objToParams (obj,isEncodeURIComponent=false) {
     
135.     let str = "";
     
136.     for (let key in obj) {
     
137.       if (str !== "") {
     
138.         str += "&";
     
139.       }
     
140.       str += key + "=" + (isEncodeURIComponent?encodeURIComponent(obj[key]):obj[key]);
     
141.     }
     
142.     return str;
     
143.   },
     
144.   /*
     
145.    * 转换 url params参数为obj
     
146.    * @param str 传入url参数字符串
     
147.    * @param isDecodeURI 是否解码，默认不解码
     
148.    * @returns {Object}
     
149.    * eg. paramsToObj('http://www.cctv.com?name=大佬&age=18')
     
150.    */
     
151.   paramsToObj (str,isDecodeURI=false) {
     
152.     let obj = {};
     
153.     str = str.substring(str.indexOf('?')+1);
     
154.     try {
     
155.       obj = JSON.parse('{"' + (isDecodeURI?decodeURI(str):str).replace(/"/g, '\"').replace(/&/g, '","').replace(/=/g, '":"') + '"}')
     
156.     } catch (e) {
     
157.       console.log(e);
     
158.     }
     
159.     return obj;
     
160.   },
     
161.   /*
     
162.    *保留n位小数
     
163.    *@param num {Number|String} 原数字 1.33或者'1.33'
     
164.    *@returns {String} 返回字符串
     
165.    */
     
166.   toThousands(num,n) {
     
167.     return parseFloat(num).toFixed(n).replace(/(\d{1,3})(?=(\d{3})+(?:\.))/g, "$1,");
     
168.   },
     
169.   /*
     
170.    *生成两位整数之间的随机整数(包括两端的整数 )
     
171.    *
     
172.    **/
     
173.   randomA(min, max) {
     
174.     return Math.floor(Math.random() * (max - min + 1)) + min;
     
175.   },
     
176.   /*
     
177.    *生成两位整数之间的随机整数(不包括两端的整数)
     
178.    *
     
179.    **/
     
180.   randomB(min, max) {
     
181.     min+=1,max-=1;
     
182.     return Math.floor(Math.random() * (max - min + 1)) + min;
     
183.   },
     
184. 
     
185.   /*时间格式化*/
     
186.   formatTime(obj, format) {
     
187.     if(format){
     
188.       var date;
     
189.       if (obj instanceof Date) {
     
190.         date = obj;
     
191.       } else {
     
192.         date = new Date(obj);
     
193.       }
     
194.       var dayNames = ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日',]
     
195. 
     
196.       var o = {
     
197.         'M+': date.getMonth() < 9 ? "0" + (date.getMonth() + 1) : (date.getMonth() + 1), // 月份
     
198.         'd+': date.getDate() < 10 ? "0" + date.getDate() : date.getDate(), // 日
     
199.         'h+': date.getHours(), // 小时
     
200.         'm+': date.getMinutes(), // 分
     
201.         's+': date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds(), // 秒
     
202.         'q+': Math.floor((date.getMonth() + 3) / 3), // 季度
     
203.         'S+': date.getMilliseconds(), // 毫秒
     
204.         'D+': dayNames[date.getDay()], //星期
     
205.       };
     
206. 
     
207.       if (/(y+)/.test(format)) format = format.replace(RegExp.$1, (`${date.getFullYear()}`).substr(4 - RegExp.$1.length));
     
208.       for (var k in o) {
     
209.         if (new RegExp(`(${k})`).test(format)) {
     
210.           format = format.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : ((`00${o[k]}`).substr((`${o[k]}`).length)));
     
211.         }
     
212.       }
     
213.       return format;
     
214.     }else{
     
215.       let date = new Date(obj)
     
216.       let _year = date.getFullYear(),
     
217.         _month = (date.getMonth()+1) > 9 ? (date.getMonth()+1) : '0' + (date.getMonth()+1),
     
218.         _date = date.getDate(),
     
219.         _hour = date.getHours(),
     
220.         _minute = date.getMinutes(),
     
221.         _second = date.getSeconds()
     
222.       return _year + '-' + _month + '-' + _date + ' ' + _hour + ':' + _minute + ':' + _second
     
223.     }
     
224.   },
     
225.   /*去掉首尾空格*/
     
226.   trimStr(str) {
     
227.     return str.replace(/(^\s*)|(\s*$)/g,"");
     
228.   },
     
229.   /*正则匹配*/
     
230.   checkStr (str, type) {
     
231.     switch (type) {
     
232.         case 'phone':   //手机号码
     
233.             return /^1[3|4|5|6|7|8|9][0-9]{9}$/.test(str);
     
234.         case 'tel':     //座机
     
235.             return /^(0\d{2,3}-\d{7,8})(-\d{1,4})?$/.test(str);
     
236.         case 'card':    //身份证
     
237.             return /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(str);
     
238.         case 'pwd':     //密码以字母开头，长度在6~18之间，只能包含字母、数字和下划线
     
239.             return /^[a-zA-Z]\w{5,17}$/.test(str)
     
240.         case 'postal':  //邮政编码
     
241.             return /[1-9]\d{5}(?!\d)/.test(str);
     
242.         case 'QQ':      //QQ号
     
243.             return /^[1-9][0-9]{4,9}$/.test(str);
     
244.         case 'email':   //邮箱
     
245.             return /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/.test(str);
     
246.         case 'money':   //金额(小数点2位)
     
247.             return /^\d*(?:\.\d{0,2})?$/.test(str);
     
248.         case 'URL':     //网址
     
249.             return /(http|ftp|https):\/\/[\w\-_]+(\.[\w\-_]+)+([\w\-\.,@?^=%&:/~\+#]*[\w\-\@?^=%&/~\+#])?/.test(str)
     
250.         case 'IP':      //IP
     
251.             return /((?:(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d)\\.){3}(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d))/.test(str);
     
252.         case 'date':    //日期时间
     
253.             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)
     
254.         case 'number':  //数字
     
255.             return /^[0-9]$/.test(str);
     
256.         case 'positiveInteger':  //正整数
     
257.             return /^[1-9]\d*$/.test(str);
     
258.         case 'price':  //价格
     
259.             return /(^[1-9]\d*(\.\d{1,2})?$)|(^0(\.\d{1,2})?$)/.test(str);//价格非0则去掉'?'
     
260.         case 'english': //英文
     
261.             return /^[a-zA-Z]+$/.test(str);
     
262.         case 'chinese': //中文
     
263.             return /^[\u4E00-\u9FA5]+$/.test(str);
     
264.         case 'lower':   //小写
     
265.             return /^[a-z]+$/.test(str);
     
266.         case 'upper':   //大写
     
267.             return /^[A-Z]+$/.test(str);
     
268.         case 'HTML':    //HTML标记
     
269.             return /<("[^"]*"|'[^']*'|[^'">])*>/.test(str);
     
270.         default:
     
271.             return true;
     
272.     }
     
273.   },
     
274.   /**
     
275.    * @param  {s} 秒数
     
276.    * @return {String} 字符串
     
277.    *
     
278.    * @example formatHMS(3610) // -> 1h0m10s
     
279.    */
     
280.   formatHMS (s) {
     
281.       var str = ''
     
282.       if (s > 3600) {
     
283.           str = Math.floor(s/3600)+'h'+Math.floor(s%3600/60)+'m'+s%60+'s'
     
284.       }else if(s > 60) {
     
285.           str = Math.floor(s/60)+'m'+s%60+'s'
     
286.       }else{
     
287.           str = s%60+'s'
     
288.       }
     
289.       return str
     
290.   },
     
291.   //根据月份获取起止时间戳
     
292.   getTimeFromMonth(year, month){
     
293.       return [
     
294.           new Date(year, month - 1, 1).getTime()/1000,
     
295.           new Date(year, month, 0).getTime()/1000
     
296.       ]
     
297.   },
     
298. //根据日期获取一天起止时间戳
     
299.    getTimeFromDay(year, month,day){
     
300.          return [
     
301.                new Date(year, month-1 , day).getTime()/1000,
     
302.                new Date(year, month-1, (day+1)).getTime()/1000
     
303.           ]
     
304.   },
     
305.   /*数组删除指定元素*/
     
306.   remove (arr, ele) {
     
307.       var index = arr.indexOf(ele);
     
308.       if(index > -1) {
     
309.           arr.splice(index, 1);
     
310.       }
     
311.       return arr;
     
312.   },
     
313.   // 数组求并集
     
314.   union (a,b) {
     
315.     return [...new Set([...a, ...b])];
     
316.   },
     
317.   // 数组求交集
     
318.   intersect (a,b) {
     
319.     return [...new Set([...a].filter(x => b.includes(x)))];
     
320.   },
     
321.   //数组求差集
     
322.   difference (a,b) {
     
323.     return [...new Set([...a].filter(x => !b.includes(x)))];
     
324.   },
     
325.   //数组内部交换
     
326.   internalExchange (n,m,arr) {
     
327.     [arr[n],arr[m]] = [arr[m],arr[n]];
     
328.   } ,
     
329.   //数组去重
     
330.   Deduplication (arr) {
     
331.     return [...new Set([...arr])]
     
332.   },
     
333.   /*数组最大值*/
     
334.   max (arr) {
     
335.       return Math.max.apply(null, arr);
     
336.   },
     
337.   /*数组最小值*/
     
338.   min (arr) {
     
339.       return Math.min.apply(null, arr);
     
340.   },
     
341.   //字符串首字母变大写
     
342.   changeIndexToUpperCase(str){
     
343.     return str.replace(/\b\w+\b/g, function (word) {
     
344.         return word.substring(0, 1).toUpperCase() + word.substring(1).toLowerCase();
     
345.     });
     
346.   },
     
347. //float偏移处理 eg.  1.67*100结果会偏移，使用mul(1.67*100)
     
348. mul(a, b) {
     
349.     let c = 0,
     
350.         d = a.toString().replace(',',''),
     
351.         e = b.toString();
     
352.     try {
     
353.         c += d.split(".")[1].length;
     
354.     } catch (f) {}
     
355.     try {
     
356.         c += e.split(".")[1].length;
     
357.     } catch (f) {}
     
358.     return Number(d.replace(".", "")) * Number(e.replace(".", "")) / Math.pow(10, c);
     
359.   }
     
360. }

复制代码

例子
调用方法

1. Utils .mul(a,b);
   
2. Utils .changeIndexToUpperCase(str)

复制代码