说明

前端常用的一些处理数据的工具类函数，次方法是vue文件，如果是js文件，请自行删除export

JS代码

  2. /*
  3.  * 验证手机号是否合格
  4.  * true--说明合格
  5.  */
  6. export function isPhone(phoneStr) {
  7.   let myreg = /^[1][3,4,5,7,8,9][0-9]{9}$/;
  8.   if (!myreg.test(phoneStr)) {
  9.     return false;
  10.   } else {
  11.     return true;
  12.   }
  13. }
  15. /*
  16.  * 验证身份证号是否合格
  17.  * true--说明合格
  18.  */
  19. export function isIdCard(idCardStr) {
  20.   let idcardReg = /^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$|^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/;
  21.   if (idcardReg.test(idCardStr)) {
  22.     return true;
  23.   } else {
  24.     return false;
  25.   }
  26. }
  28. /**
  29.  * 验证车牌号是否合格
  30.  * true--说明合格
  31.  */
  32. export function isVehicleNumber(vehicleNumber) {
  33.   let xreg = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}(([0-9]{5}[DF]$)|([DF][A-HJ-NP-Z0-9][0-9]{4}$))/;
  34.   let creg = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳]{1}$/;
  35.   if (vehicleNumber.length == 7) {
  36.     return creg.test(vehicleNumber);
  37.   } else if (vehicleNumber.length == 8) {
  38.     return xreg.test(vehicleNumber);
  39.   } else {
  40.     return false;
  41.   }
  42. }
  44. /*
  45.  * 验证字符串是否为空（也不能为纯空格）
  46.  * true--说明为空， false--说明不为空
  47.  */
  48. export function isEmptyString(string) {
  49.   if (
  50.     string == undefined ||
  51.     typeof string == 'undefined' ||
  52.     !string ||
  53.     string == null ||
  54.     string == '' ||
  55.     /^\s+$/gi.test(string)
  56.   ) {
  57.     return true;
  58.   } else {
  59.     return false;
  60.   }
  61. }
  63. /*
  64.  * 生日转为年龄（精确到月份）
  65.  */
  66. export function birsdayToAge(birsday) {
  67.   let aDate = new Date();
  68.   let thisYear = aDate.getFullYear();
  69.   let bDate = new Date(birsday);
  70.   let brith = bDate.getFullYear();
  71.   let age = thisYear - brith;
  72.   if (aDate.getMonth() == bDate.getMonth()) {
  73.     if (aDate.getDate() < bDate.getDate()) {
  74.       age = age - 1;
  75.     }
  76.   } else {
  77.     if (aDate.getMonth() < bDate.getMonth()) {
  78.       age = age - 1;
  79.     }
  80.   }
  81.   return age;
  82. }
  84. /**
  85.  * 判断数据类型
  86.  * @param {any} val - 基本类型数据或者引用类型数据
  87.  * @return {string} - 可能返回的结果有，均为小写字符串
  88.  * number、boolean、string、null、undefined、array、object、function等
  89.  */
  90. export function getType(val){
  91.   //判断数据是 null 和 undefined 的情况
  92.   if (val == null) {
  93.     return val + "";
  94.   }
  95.   return typeof(val) === "object" ?
  96.       Object.prototype.toString.call(val).slice(8, -1).toLowerCase() :
  97.       typeof(val);
  98. }
  100. /*
  101.  * 验证是否为数字
  102.  */
  103. export function isNumber(n) {
  104.   return !isNaN(parseFloat(n)) && isFinite(n);
  105. }
  107. /*
  108.  * 是否为数组
  109.  */
  110. export function isArray(obj) {
  111.   return Object.prototype.toString.call(obj) === '[object Array]';
  112. }
  114. /*
  115.  * 是否空数组
  116.  */
  117. export function isArrayEmpty(val) {
  118.   if (val && val instanceof Array && val.length > 0) {
  119.     return false;
  120.   } else {
  121.     return true;
  122.   }
  123. }
  125. /*
  126.  * 获取url参数字符串
  127.  * 没有返回null
  128.  */
  129. export function getQueryString(name) {
  130.   let reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
  131.   let r = window.location.search.substr(1).match(reg);
  132.   if (r != null) {
  133.     return unescape(r[2]);
  134.   }
  135.   return null;
  136. }
  138. /*
  139.  * 递归深拷贝
  140.  */
  141. export function deepCopy(obj) {
  142.   let result = Array.isArray(obj) ? [] : {};
  143.   for (let key in obj) {
  144.     if (obj.hasOwnProperty(key)) {
  145.       if (typeof obj[key] === 'object' && obj[key] !== null) {
  146.         result[key] = deepCopy(obj[key]);
  147.       } else {
  148.         result[key] = obj[key];
  149.       }
  150.     }
  151.   }
  152.   return result;
  153. }
  155. /**
  156.  * 去除参数空数据（用于向后台传递参数的时候）
  157.  * @param {Object} obj [参数对象]
  158.  */
  159. export function filterEmptyData(obj) {
  160.   for (let prop in obj) {
  161.     obj[prop] === '' ? delete obj[prop] : obj[prop];
  162.   }
  163.   return obj;
  164. }
  166. /**
  167.  * @desc  函数防抖，用于将多次执行变为最后一次执行
  168.  * @param {function} func - 需要使用函数防抖的被执行的函数。必传
  169.  * @param {Number} wait - 多少毫秒之内触发，只执行第一次，默认1000ms。可以不传
  170.  */
  171. export function debounce(fn, delay) {
  172.   delay = delay || 1000; //默认1s后执行
  173.   let timer = null;
  174.   return function () {
  175.     let context = this;
  176.     let arg = arguments;
  177.     if (timer) {
  178.       clearTimeout(timer);
  179.     }
  180.     timer = setTimeout(() => {
  181.       fn.apply(context, arg);
  182.     }, delay);
  183.   };
  184. }
  186. /**
  187.  * 节流函数, 用于将多次执行变为每隔一段时间执行
  188.  * @param fn 事件触发的操作
  189.  * @param delay 间隔多少毫秒需要触发一次事件
  190.  */
  191. export function throttle2(fn, delay) {
  192.   let timer = null;
  193.   return function () {
  194.     let context = this;
  195.     let args = arguments;
  196.     if (!timer) {
  197.       timer = setTimeout(function () {
  198.         fn.apply(context, args);
  199.         clearTimeout(timer);
  200.       }, delay);
  201.     }
  202.   };
  203. }
  205. /**
  206.  * 时间戳转换，用户转换后端返回的json中时间格式问题
  207.  * @param timestamp 时间戳参数
  208.  */
  209. export function timestampToTime(timestamp) {
  210.   var date = new Date(timestamp) //时间戳为10位需*1000，时间戳为13位的话不需乘1000
  211.   var Y = date.getFullYear() + '-'
  212.   var M_t = date.getMonth() + 1;
  213.   var M = (M_t < 10? ('0' + M_t): M_t) + '-'
  214.   var D = (date.getDate() < 10? ('0' + date.getDate()):date.getDate()) + ' '
  215.   var h = (date.getHours() < 10? ('0' + date.getHours()):date.getHours()) + ':'
  216.   var m = (date.getMinutes() < 10? ('0' + date.getMinutes()):date.getMinutes()) + ':'
  217.   var s = (date.getSeconds() < 10? ('0' + date.getSeconds()):date.getSeconds())
  218.   return Y + M + D + h + m + s
  219. }
  221. /**
  222.  * 格式化文件大小 字节转换单位
  223.  * @param value
  224.  * @returns {string|*}
  225.  */
  226. export function renderSize(value){
  227.     if(null==value||value==''){
  228.         return "0 Bytes";
  229.     }
  230.     var unitArr = new Array("Bytes","KB","MB","GB","TB","PB","EB","ZB","YB");
  231.     var index=0,srcsize = parseFloat(value);
  232.     index=Math.floor(Math.log(srcsize)/Math.log(1024));
  233.     var size =srcsize/Math.pow(1024,index);
  234.     //  保留的小数位数
  235.     size=size.toFixed(2);
  236.     return size+unitArr[index];
  237. }
  238. /**
  239.  * 文件大小 字节转换单位
  240.  * @param size
  241.  * @returns {string|*}
  242.  */
  243.  export function filterSize(size){
  245.   if (!size) return '';
  246.   if (size < pow1024(1)) return size + ' B';
  247.   if (size < pow1024(2)) return (size / pow1024(1)).toFixed(2) + ' KB';
  248.   if (size < pow1024(3)) return (size / pow1024(2)).toFixed(2) + ' MB';
  249.   if (size < pow1024(4)) return (size / pow1024(3)).toFixed(2) + ' GB';
  250.   return (size / pow1024(4)).toFixed(2) + ' TB'
  251. }
  253. // 求次幂
  254. function pow1024(num) {
  255.   return Math.pow(1024, num)
  256. }
  257. /**
  258.  * 获取当前时间
  259.  * @param 
  260.  * @returns {string|*}
  261.  */
  262. export function getTime() {
  263.   var myDate = new Date();
  264.   var myYear = myDate.getFullYear(); //获取完整的年份(4位,1970-????)
  265.   var myMonth = myDate.getMonth() + 1; //获取当前月份(0-11,0代表1月)
  266.   var myToday = myDate.getDate(); //获取当前日(1-31)
  267.   var myDay = myDate.getDay(); //获取当前星期X(0-6,0代表星期天)
  268.   var myHour = myDate.getHours(); //获取当前小时数(0-23)
  269.   var myMinute = myDate.getMinutes(); //获取当前分钟数(0-59)
  270.   var mySecond = myDate.getSeconds(); //获取当前秒数(0-59)
  271.   var week = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
  272.   var nowTime;
  274.   nowTime =
  275.       myYear +
  276.       '年' +
  277.       fillZero(myMonth) +
  278.       '月' +
  279.       fillZero(myToday) +
  280.       '日' +
  281.       '  ' +
  282.       fillZero(myHour) +
  283.       ':' +
  284.       fillZero(myMinute) +
  285.       ':' +
  286.       fillZero(mySecond) +
  287.       '  ' +
  288.       week[myDay] +
  289.       '  ' +
  290.       fillGreet(myHour);
  292.     return nowTime;
  293. }
  294. // 问候语
  295. function fillGreet(hour) {
  296.   let str = '';
  297.   if (hour < 6) {
  298.       str = '凌晨好！';
  299.   } else if (hour < 9) {
  300.       str = '早上好！';
  301.   } else if (hour < 12) {
  302.       str = '上午好！';
  303.   } else if (hour < 14) {
  304.       str = '中午好！';
  305.   } else if (hour < 17) {
  306.       str = '下午好！';
  307.   } else if (hour < 19) {
  308.       str = '傍晚好！';
  309.   } else if (hour < 22) {
  310.       str = '晚上好！';
  311.   } else {
  312.       str = '夜里好！';
  313.   }
  314.   return str;
  315. }
  316. // 补0
  317. function fillZero(str) {
  318.   var realNum;
  319.   if (str < 10) {
  320.       realNum = '0' + str;
  321.   } else {
  322.       realNum = str;
  323.   }
  324.   return realNum;
  325. }
  326. // 生成指定长度的随机字符串
  327. export function randomString(len) {
  328.   len = len || 32;
  329.   var $chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678';    /****默认去掉了容易混淆的字符oOLl,9gq,Vv,Uu,I1****/
  330.   var maxPos = $chars.length;
  331.   var pwd = '';
  332.   for (let i = 0; i < len; i++) {
  333.     pwd += $chars.charAt(Math.floor(Math.random() * maxPos));
  334.   }
  335.   return pwd;
  336. }