分享几个 前端开发中 常用的 小功能函数

// 树型结构中 找出满足条件的 id  返回值是满足条件id所在的对象  参数tree为树形结构对象 id是所查找的id
 function idToObj(tree, id) {
    var stark = [];
    stark = stark.concat(tree);
    while (stark.length) {
        var temp = stark.shift();
        if (temp.children) {
            stark = stark.concat(temp.children);
        }
        if (temp.id === id) {
            return temp;
        }
    }
}

// 树形结构转换为一维数组
export function treeConvertToArr(tree) {
    var stark = [];
    let btnRoles = []
    stark = stark.concat(tree);
    while (stark.length) {
        var temp = stark.shift();
        if (temp.children) {
            stark = stark.concat(temp.children);
        }
        btnRoles.push(temp);
    }
    return btnRoles
}

   money(n) {
            let N = !isNaN(Number(n)) ? Number(n) : 0;
            return N.toLocaleString("zh", {
                style: "decimal",
                currency: "cny",
                currencyDisplay: "symbol",
                minimumFractionDigits: 2, //最少保留小数的位数
                maximumFractionDigits: 2, //最多保留小数的位数
                useGrouping: true,
            })
        },


/**
 * 数字千分符
 */
let num = function(n) {
  let N = !isNaN(Number(n)) ? Number(n) : 0;
  return N.toLocaleString("zh", {
    style: "decimal",
    currency: "cny",
    currencyDisplay: "symbol",
    minimumFractionDigits: 0, //最少保留小数的位数
    maximumFractionDigits: 0, //最多保留小数的位数
    useGrouping: true,
  });
};
     /**
         * 解决js精度问题 且保留两位小数
         * toDecimal(0.1+0.2)
         * toDecimal(0.1*0.2)
         * toDecimal(0.8-0.5)
         * toDecimal(1/0.3)
         */
        toDecimal(x) {
            var f = parseFloat(x);
            if (isNaN(f)) {
                return;
            }
            f = Math.round(x * 100) / 100;
            return f;
        },
/**
 * 邮箱
 * @param {*} s
 */
export function emailRegExp(s) {
  return /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(
    s
  );
}

/**
 * 手机号码
 * @param {*} s
 */
export function phoneRegExp(s) {
  return /^[1](([3][0-9])|([4][5-9])|([5][0-3,5-9])|([6][5,6])|([7][0-8])|([8][0-9])|([9][1,8,9]))[0-9]{8}$/.test(
    s
  );
}

/**
 * 电话号码
 * @param {*} s
 */
export function mobileRegExp(s) {
  return /\d{3}-\d{8}|\d{4}-\d{7}/.test(s);
}

/**
 * 密码6-12位字母和数字组合
 * @param {*} s
 */
export function pwdRegExp(s) {
  return /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,12}$/.test(s);
}

/**
 * 身份证号
 * @param {*} s
 */
export function idCardRegExp(s) {
  return /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(s);
}

/**
 * URL地址
 * @param {*} s
 */
export function urlRegExp(s) {
  return /^http[s]?:\/\/.*/.test(s);
}

/**
 * IP地址
 * @param {*} s
 */
export function ipRegExp(s) {
  return /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
    s
  );
}

/**
 * 数字
 * @param {*} s
 */
export function numberRegExp(s) {
  return /^-?\d*\.?\d+$/.test(s);
}

/**
 * 整数
 * @param {*} s
 */
export function integerRegExp(s) {
  return /^-?\d+$/.test(s);
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值