utils 公共方法

1. 验证手机号是否合格

/*
 * 验证手机号是否合格
 * true--说明合格
 */
export function isPhone(phoneStr) {
  let myreg = /^[1][3,4,5,7,8,9][0-9]{9}$/
  if (!myreg.test(phoneStr)) {
    return false
  } else {
    return true
  }
}

2. 验证身份证号是否合格

/*
 * 验证身份证号是否合格
 * true--说明合格
 */
export function isIdCard(idCardStr) {
  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)$/
  if (idcardReg.test(idCardStr)) {
    return true
  } else {
    return false
  }
}

3. 验证车牌号是否合格

/**
 * 验证车牌号是否合格
 * true--说明合格
 */
export function isVehicleNumber(vehicleNumber) {
  let xreg =
    /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}(([0-9]{5}[DF]$)|([DF][A-HJ-NP-Z0-9][0-9]{4}$))/
  let creg =
    /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳]{1}$/
  if (vehicleNumber.length == 7) {
    return creg.test(vehicleNumber)
  } else if (vehicleNumber.length == 8) {
    return xreg.test(vehicleNumber)
  } else {
    return false
  }
}

4. 验证字符串是否为空

/*
 * 验证字符串是否为空（也不能为纯空格）
 * true--说明为空， false--说明不为空
 */
export function isEmptyString(string) {
  if (
    string == undefined ||
    typeof string == 'undefined' ||
    !string ||
    string == null ||
    string == '' ||
    /^\s+$/gi.test(string)
  ) {
    return true
  } else {
    return false
  }
}

5. 生日转为年龄（精确到月份）

/*
 * 生日转为年龄（精确到月份）
 */
export function birsdayToAge(birsday) {
  let aDate = new Date()
  let thisYear = aDate.getFullYear()
  let bDate = new Date(birsday)
  let brith = bDate.getFullYear()
  let age = thisYear - brith
  if (aDate.getMonth() == bDate.getMonth()) {
    if (aDate.getDate() < bDate.getDate()) {
      age = age - 1
    }
  } else {
    if (aDate.getMonth() < bDate.getMonth()) {
      age = age - 1
    }
  }
  return age
}

6. 判断数据类型

/**
 * 判断数据类型
 * @param {any} val - 基本类型数据或者引用类型数据
 * @return {string} - 可能返回的结果有，均为小写字符串
 * number、boolean、string、null、undefined、array、object、function等
 */
export function getType(val) {
  //判断数据是 null 和 undefined 的情况
  if (val == null) {
    return val + ''
  }
  return typeof val === 'object'
    ? Object.prototype.toString.call(val).slice(8, -1).toLowerCase()
    : typeof val
}

7. 验证是否为数字

/*
 * 验证是否为数字
 */
export function isNumber(n) {
  return !isNaN(parseFloat(n)) && isFinite(n)
}

8. 是否为数组

/*
 * 是否为数组
 */
export function isArray(obj) {
  return Object.prototype.toString.call(obj) === '[object Array]'
}

9. 是否空数组

/*
 * 是否空数组
 */
export function isArrayEmpty(val) {
  if (val && val instanceof Array && val.length > 0) {
    return false
  } else {
    return true
  }
}

10. 获取 url 参数字符串

/*
 * 获取url参数字符串
 * 没有返回null
 */
export function getQueryString(name) {
  let reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i')
  let r = window.location.search.substr(1).match(reg)
  if (r != null) {
    return unescape(r[2])
  }
  return null
}

11. 递归深拷贝

/*
 * 递归深拷贝
 */
export function deepCopy(obj) {
  let result = Array.isArray(obj) ? [] : {}
  for (let key in obj) {
    if (obj.hasOwnProperty(key)) {
      if (typeof obj[key] === 'object' && obj[key] !== null) {
        result[key] = deepCopy(obj[key])
      } else {
        result[key] = obj[key]
      }
    }
  }
  return result
}

12. 去除参数空数据

/**
 * 去除参数空数据（用于向后台传递参数的时候）
 * @param {Object} obj [参数对象]
 */
export function filterEmptyData(obj) {
  for (let prop in obj) {
    obj[prop] === '' ? delete obj[prop] : obj[prop]
  }
  return obj
}

13. 函数防抖

/**
 * @desc  函数防抖，用于将多次执行变为最后一次执行
 * @param {function} func - 需要使用函数防抖的被执行的函数。必传
 * @param {Number} wait - 多少毫秒之内触发，只执行第一次，默认1000ms。可以不传
 */
export function debounce(fn, delay) {
  delay = delay || 1000 //默认1s后执行
  let timer = null
  return function () {
    let context = this
    let arg = arguments
    if (timer) {
      clearTimeout(timer)
    }
    timer = setTimeout(() => {
      fn.apply(context, arg)
    }, delay)
  }
}

14. 节流函数

/**
 * 节流函数, 用于将多次执行变为每隔一段时间执行
 * @param fn 事件触发的操作
 * @param delay 间隔多少毫秒需要触发一次事件
 */
export function throttle2(fn, delay) {
  let timer = null
  return function () {
    let context = this
    let args = arguments
    if (!timer) {
      timer = setTimeout(function () {
        fn.apply(context, args)
        clearTimeout(timer)
      }, delay)
    }
  }
}

15. 数字四舍五入

数字四舍五入（保留n位小数）
export function round(number, n) {
  n = n ? parseInt(n) : 0
  if (n <= 0) return Math.round(number)
  number = Math.round(number * Math.pow(10, n)) / Math.pow(10, n)
  return number
}

16. 数字金额转文字

/**
 *数字金额转文字 函数
 *
 * @export
 * @param {*} money
 * @returns
 */
export function convertCurrency(money) {
  //汉字的数字
  var cnNums = new Array(
    '零',
    '壹',
    '贰',
    '叁',
    '肆',
    '伍',
    '陆',
    '柒',
    '捌',
    '玖'
  )
  //基本单位
  var cnIntRadice = new Array('', '拾', '佰', '仟')
  //对应整数部分扩展单位
  var cnIntUnits = new Array('', '万', '亿', '兆')
  //对应小数部分单位
  var cnDecUnits = new Array('角', '分', '毫', '厘')
  //整数金额时后面跟的字符
  var cnInteger = '整'
  //整型完以后的单位
  var cnIntLast = '元'
  //最大处理的数字
  var maxNum = 999999999999999.9999
  //金额整数部分
  var integerNum
  //金额小数部分
  var decimalNum
  //输出的中文金额字符串
  var chineseStr = ''
  //分离金额后用的数组，预定义
  var parts
  if (money == '') {
    return ''
  }
  money = parseFloat(money)
  if (money >= maxNum) {
    //超出最大处理数字
    return ''
  }
  if (money == 0) {
    chineseStr = cnNums[0] + cnIntLast + cnInteger
    return chineseStr
  }
  //转换为字符串
  money = money.toString()
  if (money.indexOf('.') == -1) {
    integerNum = money
    decimalNum = ''
  } else {
    parts = money.split('.')
    integerNum = parts[0]
    decimalNum = parts[1].substr(0, 4)
  }
  //获取整型部分转换
  if (parseInt(integerNum, 10) > 0) {
    var zeroCount = 0
    var IntLen = integerNum.length
    for (var i = 0; i < IntLen; i++) {
      var n = integerNum.substr(i, 1)
      var p = IntLen - i - 1
      var q = p / 4
      var m = p % 4
      if (n == '0') {
        zeroCount++
      } else {
        if (zeroCount > 0) {
          chineseStr += cnNums[0]
        }
        //归零
        zeroCount = 0
        chineseStr += cnNums[parseInt(n)] + cnIntRadice[m]
      }
      if (m == 0 && zeroCount < 4) {
        chineseStr += cnIntUnits[q]
      }
    }
    chineseStr += cnIntLast
  }
  //小数部分
  if (decimalNum != '') {
    var decLen = decimalNum.length
    for (var i = 0; i < decLen; i++) {
      var n = decimalNum.substr(i, 1)
      if (n != '0') {
        chineseStr += cnNums[Number(n)] + cnDecUnits[i]
      }
    }
  }
  if (chineseStr == '') {
    chineseStr += cnNums[0] + cnIntLast + cnInteger
  } else if (decimalNum == '') {
    chineseStr += cnInteger
  }
  return chineseStr
}

17. 时间增加或减少几天

/*
 *时间增加或减少几天
 * date  当前日期 例： 2020-06-10
 * days  增加的天数 例： 30
 * return 增加后的天数
 */
export function addDate(date, days) {
  var d = new Date(date)
  d.setDate(d.getDate() + days)
  var month = d.getMonth() + 1
  var day = d.getDate()
  if (month < 10) {
    month = '0' + month
  }
  if (day < 10) {
    day = '0' + day
  }
  var val = d.getFullYear() + '-' + month + '-' + day
  return val
}

18. 数字每千位加逗号

/*
 *数字每千位加逗号
 */
export function commafy(num) {
  return (
    num &&
    num.toString().replace(/\d+/, function (s) {
      return s.replace(/(\d)(?=(\d{3})+$)/g, '$1,')
    })
  )
}

19. 数字补位

/*
 * 数字补位
 * numberPad用于按照位数补0,默认为2
 */
export function numberPad(source, length = 2) {
  let pre = ''
  const negative = source < 0
  const string = String(Math.abs(source))
  if (string.length < length) {
    pre = new Array(length - string.length + 1).join('0')
  }
  return (negative ? '-' : '') + pre + string
}

20. 随机数

/*
 *随机数
 */
export function numberRandom(min, max) {
  return Math.floor(Math.random() * (max - min + 1) + min)
}

21. 手机号码中间 4 位（*）

/*
 * 手机号码中间4位隐藏花号（*）显示
 */
export function hideMobile(mobile) {
  return mobile.replace(/^(\d{3})\d{4}(\d{4})$/, '$1****$2')
}

22. 去除字符串空格

/**
 * 去除字符串空格
 * @param str 要处理的字符串
 * @param type 1：所有空格 2：前后空格 3：前空格 4：后空格
 */
export function strTrim(str, type) {
  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
  }
}

23. 字母大小写切换

/**
 * 字母大小写切换
 * @param str 要处理的字符串
 * @param type 1:首字母大写 2：首页母小写 3：大小写转换 4：全部大写 5：全部小写
 */
export function strChangeCase(str, type) {
  function ToggleCase(str) {
    var itemText = ''
    str.split('').forEach(function (item) {
      if (/^([a-z]+)/.test(item)) {
        itemText += item.toUpperCase()
      } else if (/^([A-Z]+)/.test(item)) {
        itemText += item.toLowerCase()
      } else {
        itemText += item
      }
    })
    return itemText
  }

  switch (type) {
    case 1:
      return str.replace(/^(\w)(\w+)/, function (v, v1, v2) {
        return v1.toUpperCase() + v2.toLowerCase()
      })
    case 2:
      return str.replace(/^(\w)(\w+)/, function (v, v1, v2) {
        return v1.toLowerCase() + v2.toUpperCase()
      })
    case 3:
      return ToggleCase(str)
    case 4:
      return str.toUpperCase()
    case 5:
      return str.toLowerCase()
    default:
      return str
  }
}

24. 检测密码强度

/**
 * 检测密码强度
 * @param str 字符串
 * @returns 1：密码弱 2：密码中等 3：密码强 4：密码很强
 */
export function checkPwd(str) {
  var nowLv = 0
  if (str.length < 6) {
    return nowLv
  }
  if (/[0-9]/.test(str)) {
    nowLv++
  }
  if (/[a-z]/.test(str)) {
    nowLv++
  }
  if (/[A-Z]/.test(str)) {
    nowLv++
  }
  return nowLv
}

25. 返回指定某个区间的一个数字

/**
* 返回指定某个区间的一个数字（可以不传参，不传就返回0-255之间的数；可以只传一个，返回0到传入的这个数字之间的某个值）
* @param n1 开始区间 例：5
* @param n2 结束区间 例：10
* @returns 返回这个区间的某个随机值
*/
export const randomNumber(n1, n2) {
        if (arguments.length === 2) {
            return Math.round(n1 + Math.random() * (n2 - n1));
        } else if (arguments.length === 1) {
            return Math.round(Math.random() * n1)
        } else {
            return Math.round(Math.random() * 255)
        }
}

26. 随机产生某个颜色

/**
* 随机产生某个颜色
* @returns {String} 颜色 例：rgb(250,82,49)
* randomNumber是上面定义的函数
*/
export function randomColor() {
    return 'rgb(' + this.randomNumber(255) + ',' this.randomNumber(255) + ',' + this.randomNumber(255) + ')';
}

27. 简单数组排序，数字数组

/**
 * 简单数组排序，针对数字数组
 * @param type 1：降序，0：升序
 */
export function sortArr(arr, type) {
  if (type == 1) {
    //降序
    arr.sort(function (a, b) {
      return b - a
    })
  } else {
    arr.sort(function (a, b) {
      return a - b
    })
  }
  return arr
}

28. 浏览器全屏

/**
 * 浏览器全屏
 */
export function reqFullScreen() {
  if (document.documentElement.requestFullScreen) {
    document.documentElement.requestFullScreen()
  } else if (document.documentElement.webkitRequestFullScreen) {
    document.documentElement.webkitRequestFullScreen()
  } else if (document.documentElement.mozRequestFullScreen) {
    document.documentElement.mozRequestFullScreen()
  }
}

29. 浏览器退出全屏

/**
* 浏览器退出全屏
*/
export function exitFullScreen = () => {
  if(document.documentElement.requestFullScreen) {
  document.exitFullScreen()
  } else if (document.documentElement.webkitRequestFullScreen) {
  document.webkitCancelFullScreen()
  } else if (document.documentElement.mozRequestFullScreen) {
  document.mozCancelFullScreen()
  }
}

30. 加密

/** 加密 */
export function encrypt(word) {
  let encrypted = CryptoJS.AES.encrypt(
    word.toString(),
    key, //  AES加密
    {
      iv: iv,
      mode: CryptoJS.mode.CBC,
      padding: CryptoJS.pad.Pkcs7, // 后台用的是pad.Pkcs5,前台对应为Pkcs7
    }
  )
  return encrypted.toString()
}

31. 解密

/** 解密 */
export function decrypt(word) {
  let decrypted = CryptoJS.AES.decrypt(
    word,
    key, //  AES解密
    {
      iv: iv,
      mode: CryptoJS.mode.CBC,
      padding: CryptoJS.pad.Pkcs7,
    }
  )
  return CryptoJS.enc.Utf8.stringify(decrypted)
}

32. 参数加密

/** 参数加密 */
export function paramsEncrypt(params = {}) {
  for (let prop in params) {
    if (params[prop] != null) {
      params[prop] = this.encrypt(params[prop])
    }
  }
}

33. 文件下载

/** 文件下载*/
export function downLoad(way, url, name, type) {
  var token = sessionStorage.getItem('account.token') || ''
  var xhr = new XMLHttpRequest()
  xhr.open(way, url, true)
  xhr.responseType = 'blob'
  xhr.setRequestHeader('Authorization', 'Bearer ' + token)
  xhr.onload = function () {
    if (this.status === 200) {
      var blob = this.response
      var reader = new FileReader()
      reader.readAsDataURL(blob) // 转换为base64，可以直接放入a标签href
      reader.onload = function (e) {
        var a = document.createElement('a') // 转换完成，创建一个a标签用于下载
        a.download = name + type
        a.href = e.target.result
        $('body').append(a) // 修复firefox中无法触发click
        a.click()
        $(a).remove()
      }
    }
  }
  xhr.send() // 发送ajax请求
}

34. id 转名称

// id转名称
 findOrgIdToName(arr,orgid,_name){
    arr.forEach(item => {
      if (item.orgid == orgid) {
        _name = item.orgname;
      } else{
        if (item.children && item.children.length) {
          const p = this.findOrgIdToName(item.children, orgid);
          if(p) _name = p;
        }
      }
    })
    return _name
  }

35. 暂停函数 delay

async function handleClick() {
  // 等待3秒
  await delay(3000)
}

function delay(ms) {
  return new Promise((resolve) => {
    setTimeout(resolve, ms)
  })
}

1. 验证手机号是否合格​

2. 验证身份证号是否合格​

3. 验证车牌号是否合格​

4. 验证字符串是否为空​

5. 生日转为年龄（精确到月份）​

6. 判断数据类型​

7. 验证是否为数字​

8. 是否为数组​

9. 是否空数组​

10. 获取 url 参数字符串​

11. 递归深拷贝​

12. 去除参数空数据​

13. 函数防抖​

14. 节流函数​

15. 数字四舍五入​

16. 数字金额转文字​

17. 时间增加或减少几天​

18. 数字每千位加逗号​

19. 数字补位​

20. 随机数​

21. 手机号码中间 4 位（*）​

22. 去除字符串空格​

23. 字母大小写切换​

24. 检测密码强度​

25. 返回指定某个区间的一个数字​

26. 随机产生某个颜色​

27. 简单数组排序，数字数组​

28. 浏览器全屏​

29. 浏览器退出全屏​

30. 加密​

31. 解密​

32. 参数加密​

33. 文件下载​

34. id 转名称​

35. 暂停函数 delay​

1. 验证手机号是否合格

2. 验证身份证号是否合格

3. 验证车牌号是否合格

4. 验证字符串是否为空

5. 生日转为年龄（精确到月份）

6. 判断数据类型

7. 验证是否为数字

8. 是否为数组

9. 是否空数组

10. 获取 url 参数字符串

11. 递归深拷贝

12. 去除参数空数据

13. 函数防抖

14. 节流函数

15. 数字四舍五入

16. 数字金额转文字

17. 时间增加或减少几天

18. 数字每千位加逗号

19. 数字补位

20. 随机数

21. 手机号码中间 4 位（*）

22. 去除字符串空格

23. 字母大小写切换

24. 检测密码强度

25. 返回指定某个区间的一个数字

26. 随机产生某个颜色

27. 简单数组排序，数字数组

28. 浏览器全屏

29. 浏览器退出全屏

30. 加密

31. 解密

32. 参数加密

33. 文件下载

34. id 转名称

35. 暂停函数 delay