整理一些常用的工具函数

前言

整理了一些项目中常用的工具函数，顺带提一句：正则真的是万能的！

正则校验类

// 用户名校验
get RegExp_UserName() {
    return /^[\u4E00-\u9FA5]{1,8}$/
},

// 密码校验
get RegExp_Pwd() {
    return /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,16}$/
},

// 手机号校验
get RegExp_Phone() {
    return /^1[345678]\d{9}$/
},

// 中文校验
get RegExp_china() {
    return new RegExp('[\\u4E00-\\u9FFF]+', 'g')
},

// 电子邮箱校验
get RegExp_Email() {
    return /^([a-zA-Z0-9]+[_|\\_|\\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\\_|\\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/
},

// 验证码校验
get RegExp_Code() {
    return /^\d{6}$/
},

//正整数校验
get RegExp_zero() {
    return /^\+?[1-9][0-9]*$/
},

// 身份证校验
get RegExp_IdCard() {
    return /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/
},

方法类

1.手机号脱敏处理

PhoneNumcard: (value) => {
    let val = ''
    if (value) {
        val = value.substring(0, 3) + '****' + value.substring(value.length - 3)
    }
    return val
}

2.去除前后空格

get removeSpace() {
    return (value) => {
        if (!value) return value
        value = value + ''
        return value.replace(/^\s+|\s+$/g, '')
    }
}

3.日期格式转换（这个真的很常用😂😂😂）

get DateFormat() {
    return (date, fmt) => {
        let o = {
            'M+': date.getMonth() + 1, //月份
            'd+': date.getDate(), //日
            'h+': date.getHours(), //小时
            'm+': date.getMinutes(), //分
            's+': date.getSeconds(), //秒
            'q+': Math.floor((date.getMonth() + 3) / 3), //季度
            'S': date.getMilliseconds() //毫秒
        }
        if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))
        for (let k in o)
            if (new RegExp('(' + k + ')').test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length)))

        return fmt
    }
}

4.获取length（中英文）

get ExchangeLength() {
    return (val) => {
        let valLength = val.length
        for (let i = 0; i < val.length; i++) {
            if (val.charCodeAt(i) > 127) {
                ++valLength
            }
        }
        return valLength
    }
}

5.保留两位小数（不四舍五入）

get TwoDecimalPlaces() {
    return (number) => {
        number = Number(number.toString().match(/^\d+(?:\.\d{0,2})?/))
        return number
    }
}

6.获取请求地址拼接参数

get getUrlParams() {
    return () => {
        let str = decodeURI(window.location.search)
        let obj = {}
        if (str) {
            str = str.replace('?', '')
            let arr = str.split('&')
            arr.forEach(function (item) {
                let newArr = item.split('=')
                obj[newArr[0]] = newArr[1]
            })
        }
        return obj
    }
}

7.将对象数组以每num条分割

get getListBySliceNum() {
    return (arr, sliceNum) => {
        const len = arr.length
        let result = []

        for (let i = 0; i < len / sliceNum; i++) {
            result.push(arr.slice(i * sliceNum, (i + 1) * sliceNum))
        }
        return result
    }
}

8.是否是同一天

get isSameDay() {
    return (prev, curr) => {
        return new Date(prev).setHours(0, 0, 0, 0) == new Date(curr).setHours(0, 0, 0, 0)
    }
}

9.将数字处理成带逗号的显示方式

get formatComma() {
    return (nums = '') => {
        nums = nums + ''
        return nums.replace(/\B(?=(?:\d{3})+$)/g, ',')
    }
}

10.获取日、周、月

/**
 * 获取天
 * @param date      标准日期
 * @param n         数量
 */
getDay = (date, n) => new Date(date.getTime() + n * 24 * 60 * 60 * 1000);

/**
 * 获取周
 * @param date      标准日期
 * @param n         数量
 */
getWeek = (date, n) => {
  let currentWeek = getDay(date, n);
  let day = currentWeek.getDay() || 7;
  let currentDate = new Date(currentWeek);

  let firstDayOfWeek = new Date(
    currentDate.getFullYear(),
    currentDate.getMonth(),
    currentDate.getDate() + 1 - day
  );
  let lastDayOfWeek = new Date(
    currentDate.getFullYear(),
    currentDate.getMonth(),
    currentDate.getDate() + 1 - day + 6
  );

  return { firstDayOfWeek, lastDayOfWeek };
};

/**
 * 获取月
 * @param date      标准日期
 * @param n         数量
 */
getMonth = (date, n) => {
  date = new Date(date);
  let now = new Date(
    date.getFullYear(),
    date.getMonth() + n,
    date.getDate() + 1
  );
  let nowMonth = now.getMonth();
  let nowYear = now.getFullYear();

  let monthStartDate = new Date(nowYear, nowMonth, 1);
  let monthEndDate = new Date(nowYear, nowMonth + 1, 0);

  return { monthStartDate, monthEndDate };
};

11.一键复制

/**
 * 一键复制
 * @param {*} dom html dom 对象
 * @param {Function} succ 复制成功回调
 * @param {Function} err 复制失败回调
 */
function oneClickCopy(dom, succ, err) {
  const range = document.createRange()
  window.getSelection().removeAllRanges() //清楚页面中已有的selection
  range.selectNode(dom)
  window.getSelection().addRange(range)
  const tag = document.execCommand('Copy')
  if (tag) succ()
  else err()
  window.getSelection().removeAllRanges()
}