前端开发必备：实用Tool封装工具类方法大全

程序员必备宝典网站https://tmxkj.top/#/

1.判断空值

/**
 * 判断是否是空值
 */
export function isEmpty(value) {
    if (typeof value === 'string') {
       return value.length === 0 || value === "";
    } else if (typeof value === 'number') {
       return value === 0;
    } else if (Array.isArray(value)) {
       return value===[];
    } else if (typeof value === 'object' && value !== null) {
       return value==={};
    } else if (value || value===false){
        return false;
    } else return value == null || typeof value === 'undefined';
}

2.校验是否是QQ邮箱

/**
 * 校验是否是邮箱
 */
export function isValidQQEmail(email) {
    let re = /^[1-9][0-9]{4,10}@qq\.com$/;
    return re.test(String(email).toLowerCase());
}

3.校验手机号

/**
 * 校验手机号
 */
export function isPhoneNumberValid(phoneNumber) {
    if (phoneNumber.toString().length===11){
        const regex = /^1[3-9]\d{9}$/;
        return regex.test(phoneNumber);
    }else {
        return false;
    }
}

4.消息提示（element-plus）

/**
 * 消息提示
 */

export function isMsg(res={code:200,msg:"成功"}){
    if (res.code===200){
        ElNotification({
            title: '提示',
            message: res.msg,
            type: 'success',
            zIndex:99999,
        })
    }else if(res.code=== 400 || res.code === 404) {
        ElNotification({
            title: '提示',
            message: res.msg,
            type: 'warning',
            zIndex:99999,
        })
    }else if(res.code===500){
        ElNotification({
            title: '提示',
            message: res.msg,
            type: 'error',
            zIndex:99999,
        })
    }else {
        ElNotification({
            title: '提示',
            message: res.msg,
            type: 'info',
            zIndex:99999,
        })
    }
}

5.get参数转换

/**
 * 参数转换
 * @param result
 * @returns {string}
 */
 const queryParam =result=> {
    let queryString = Object.keys(result)
        .map(key => `${encodeURIComponent(key)}=${encodeURIComponent(result[key])}`)
        .join('&');
    if (queryString.length >= 2) {
        return '?' + queryString;
    } else {
        return '';
    }

}

6.身份证校验

/**
 *身份证校验
 */
export function IdCardVerify(e) {
    // 身份证号码正则表达式
    var reg = /^(\d{15}$|^\d{18}$|^\d{17}(\d|X|x))$/;
    let pass= reg.test(e);
    let sex = "男"
    if (pass){
        sex = parseInt(e.substr(16, 1)) % 2 === 0 ? '女' : '男';
    }else {
        return {pass,sex}
    }
}

7.网页参数转对象

/**
 * 网页参数转对象
 */
export function paramsTransform(e){
    let params = {};
    let pairs = e.split('&');
    for (let i = 0; i < pairs.length; i++) {
        let pair = pairs[i].split('=');
        params[decodeURIComponent(pair[0])] = decodeURIComponent(pair[1]);
    }
    return params;
}

8.本地模糊查询

/**
 * 本地模糊查询
 */
export function likeFilter(lists,keyWord){
   return  lists.filter(item => {
       return Object.values(item).some(val =>
           val?.toString().includes(keyWord))
   });
}