前端封装日常使用的一些函数

1.评论数,销量等数字的格式化

export function handleNum(num) {
    if (num < 1000) {
        return num
    }
    if (num < 10000 && num >= 1000) {
        let numArr = ((num / 1000) + '').split('.')
        if (numArr.length > 1) {
            if (numArr[1][0] === '0') {
                return numArr[0] + '000+'
            } else {
                return numArr[0] + numArr[1][0] + '00+'
            }
        } else {
            return (numArr[0] + '000+')
        }
    } else if (num >= 10000) {
        let numArr = ((num / 10000) + '').split('.')
        if (numArr.length > 1) {
            if (numArr[1][0] === '0') {
                return numArr[0] + '万+'
            } else {
                return numArr[0] + '.' + numArr[1][0] + '万+'
            }
        } else {
            return (numArr[0] + '万+')
        }
    }
}

2.解决ios端时间不适配,NAN问题

data:时间
fmt:类型,例如:yyyy/MM/dd 或者 yyyy-MM-dd

formatDateIos: function(date, fmt) {
        if (date == null || date == '' || date == undefined)
            return null;
        try {
            //解决ios手机时间格式化NAN问题
            if (typeof(date) == "string" && date.indexOf('-') != -1) {
                date = date.replace(/-/g, '/');
            }
            date = new Date(date);
        } catch (e) {
            date = date;
        }
        fmt = fmt ? fmt : 'yyyy-MM-dd';
        var 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 (var 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;
    },

3.生成随机数/随机色

randomNum: function(n) {
        let sString = "";
        let strings = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
        for (i = 0; i < n; i++) {
            ind = Math.floor(Math.random() * strings.length);
            sString += strings.charAt(ind);
        }
        return sString
    },

// 生成随机色
getRandomColor: function() {
    let color = `#${Math.floor(Math.random() * 0xffffff).toString(16)}`
    return color
    },

4.校验方法

isNullOrEmpty: function(value) {
        //是否为空
        return (value === null || value === '' || value === undefined) ? true : false;
    },

trim: function(value) {
        //去空格
        return value.replace(/(^\s*)|(\s*$)/g, "");
    },
isMobile: function(value) {
        //是否为手机号
        return /^(?:13\d|14\d|15\d|16\d|17\d|18\d|19\d)\d{5}(\d{3}|\*{3})$/.test(value);
    },
isqqEmail: function(value) {
        //是否为qq邮箱
        return /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(value);
    },

checkLoginPwd: function(value) {
        //密码为8~20位数字和字母组合
        return /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{8,20}$/.test(value);
    },

checkPayPwd: function(value) {
        //校验密码为6位数字
        if (value.length == 6 && /^[0-9]*$/.test(Number(value))) {
            return true;
        }
    },

formatNum: function(num) {
        //格式化手机号码
        if (utils.isMobile(num)) {
            num = num.replace(/^(\d{3})\d{4}(\d{4})$/, '$1****$2')
        }
        return num;
    },

rmoney: function(money) {
        //金额格式化
        return parseFloat(money).toFixed(2).toString().split('').reverse().join('').replace(/(\d{3})/g, '$1,')
            .replace(
                /\,$/, '').split('').reverse().join('');
    },

encryptionMobile: function(mobile) {
              //隐藏手机号中间4位
        mobile = "" + mobile;
        var reg = /(\d{3})\d{4}(\d{4})/;
        var tel1 = mobile.replace(reg, "$1****$2")
        return tel1;
    },

isUserName: function(name) {
              //校验用户名规则
        var reg = /^[a-zA-Z_\u4E00-\u9FA50-9]{2,15}$/
        return reg.test(name)
    },

isPassword: function(password) {
              //校验密码规则
        var reg = /^[a-zA-Z_0-9.]{6,15}$/
        return reg.test(password)
    },

5.时间的格式化

//获取当前时间并格式化
getCurrentDate: function() {
        var dateTime = new Date();
        var year = dateTime.getFullYear();
        var month = dateTime.getMonth() + 1;
        var day = dateTime.getDate();
        return year + '-' + month + '-' + day
    },

//根据需求获取时间
formatFullTime: function(timestamp, n = 1) {
        if (String(timestamp).length === 10) {
            timestamp *= 1000
        }
        let date = new Date(timestamp)
        let year = date.getFullYear()
        let month = date.getMonth() + 1
        let day = date.getDate()

        let hour = ''
        if(date.getHours() < 10){
            hour = '0' + date.getHours()
        }else {
            hour = date.getHours()
        }
        let minute = ''
        if(date.getMinutes() < 10){
            minute = '0' + date.getMinutes()
        }else {
            minute = date.getMinutes()
        }
        let second = date.getSeconds()
        if (n === 1) return `${year}-${month}-${day} ${hour}:${minute}:${second}`
        if (n === 2) return `${month}-${day}`
        if (n === 3) return `${year}/${month}/${day}`
        if (n === 4) return `${year}-${month}-${day}`
        if (n === 5) return `${year}/${month}/${day} ${hour}:${minute}:00`
    },

//获取多少天后的日期
getDay: function(num, str) { //获取num后的日期,-1为昨天,1为明天,str为日期间的分隔符一般为'/'或者'-'
        var today = new Date();
        var nowTime = today.getTime();
        var ms = 24 * 3600 * 1000 * num;
        today.setTime(parseInt(nowTime + ms));
        var oYear = today.getFullYear();
        var oMoth = (today.getMonth() + 1).toString();
        if (oMoth.length <= 1) oMoth = '0' + oMoth;
        var oDay = today.getDate().toString();
        if (oDay.length <= 1) oDay = '0' + oDay;
        return oYear + str + oMoth + str + oDay;
    },

// 判断日期是否是今天
isToday: function(date) {
    return date.toISOString().slice(0, 10) === new Date().toISOString().slice(0, 10)
    },

// 秒数转换为 hh:mm:ss 格式
formatSeconds(s) {
    return new Date(s * 1000).toISOString().substr(11, 8)
    },

// 设置起始时间和结束时间,然后计算出每间隔一定时间后的时间数组
    startTime1:开始时间的时
    startTime2:开始时间的分
    endTime1:结束时间的时
    endTime2:结束时间的分

    timeslot(startTime1, startTime2, endTime1, endTime2, step) { // step = 间隔的分钟
        let date = new Date()
        // 时分秒设置从零点开始
        date.setHours(startTime1)
        date.setUTCMinutes(startTime2)
        console.log(date)
        let arr = [],
            timeArr = [];
        let slotNum = 24 * 60 / step // 算出多少个间隔
        for (var f = 0; f < slotNum; f++) { // stepM * f = 24H*60M
            let time = new Date(Number(date.getTime()) + Number(step * 60 * 1000 * f))
            let hour = ''
            let sec = ''
            time.getHours() < 10 ? hour = '0' + time.getHours() : hour = time.getHours() // 获取小时
            time.getMinutes() < 10 ? sec = '0' + time.getMinutes() : sec = time.getMinutes() // 获取分钟
            // console.log('slot',hour,sec,endTime1,endTime2);
                timeArr.push(hour + ':' + sec)
        }
        return timeArr
    },

6.金额中文化

NoToChinese(num) {
        if (!/^\d*(\.\d*)?$/.test(num)) {
            alert("Number is wrong!");
            return "Number is wrong!";
        }
        var AA = new Array("零", "一", "二", "三", "四", "五", "六", "七", "八", "九");
        var BB = new Array("", "十", "百", "千", "万", "亿", "点", "");
        var a = ("" + num).replace(/(^0*)/g, "").split("."),
            k = 0,
            re = "";
        for (var i = a[0].length - 1; i >= 0; i--) {
            switch (k) {
                case 0:
                    re = BB[7] + re;
                    break;
                case 4:
                    if (!new RegExp("0{4}\\d{" + (a[0].length - i - 1) + "}$").test(a[0]))
                        re = BB[4] + re;
                    break;
                case 8:
                    re = BB[5] + re;
                    BB[7] = BB[5];
                    k = 0;
                    break;
            }
            if (k % 4 == 2 && a[0].charAt(i + 2) != 0 && a[0].charAt(i + 1) == 0) re = AA[0] + re;
            if (a[0].charAt(i) != 0) re = AA[a[0].charAt(i)] + BB[k % 4] + re;
            k++;
        }
        if (a.length > 1) //加上小数部分(如果有小数部分) 
        {
            re += BB[6];
            for (var i = 0; i < a[1].length; i++) re += AA[a[1].charAt(i)];
        }
        return re;
    }

7.延迟执行和只执行一次函数

// 延迟执行
    async sleep(t) {
        return new Promise((resolve) => setTimeout(resolve, t));
    },
    
    //只执行一次函数
    onceFunction(fn) {
        let onceFlag = false
        return function() {
            if (!onceFlag) {
                onceFlag = true
                fn.apply(this, arguments)
            }
        }
    },

8.判断多个对象键值对是否相等

isEqual: function(...objects) {
        return objects.every(obj => JSON.stringify(obj) === JSON.stringify(objects[0]))
    },
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,558评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,002评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,036评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,024评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,144评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,255评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,295评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,068评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,478评论 1 305
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,789评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,965评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,649评论 4 336
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,267评论 3 318
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,982评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,223评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,800评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,847评论 2 351

推荐阅读更多精彩内容