JavaScript開發(fā)工具與方法车要,你值得擁有

強(qiáng)烈建議收藏!F剂摹问芬!


一郭鮮
  1. 郵箱
export const isEmail = (s) => {
    return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)
}

2.手機(jī)號(hào)碼

export const isMobile = (s) => {
    return /^1[0-9]{10}$/.test(s)
}

3.電話號(hào)碼

export const isPhone = (s) => {
    return /^([0-9]{3,4}-)?[0-9]{7,8}$/.test(s)
}
  1. URL地址
export const isURL = (s) => {
    return /^http[s]?:\/\/.*/.test(s)
}
  1. 是否字符串
export const isString = (o) => {
    return Object.prototype.toString.call(o).slice(8, -1) === 'String'
}
  1. 是否數(shù)字
export const isNumber = (o) => {
    return Object.prototype.toString.call(o).slice(8, -1) === 'Number'
}
  1. 是否boolean
export const isBoolean = (o) => {
   return Object.prototype.toString.call(o).slice(8, -1) === 'Boolean'
}
  1. 是否函數(shù)
export const isFunction = (o) => {
    return Object.prototype.toString.call(o).slice(8, -1) === 'Function'
}
  1. 是否為null
export const isNull = (o) => {
   return Object.prototype.toString.call(o).slice(8, -1) === 'Null'
}
  1. 是否undefined
export const isUndefined = (o) => {
    return Object.prototype.toString.call(o).slice(8, -1) === 'Undefined'
}
  1. 是否對(duì)象
export const isObj = (o) => {
    return Object.prototype.toString.call(o).slice(8, -1) === 'Object'
}
  1. 是否數(shù)組
export const isArray = (o) => {
    return Object.prototype.toString.call(o).slice(8, -1) === 'Array'
}
  1. 是否時(shí)間
export const isDate = (o) => {
   return Object.prototype.toString.call(o).slice(8, -1) === 'Date'
}
  1. 是否正則
export const isRegExp = (o) => {
   return Object.prototype.toString.call(o).slice(8, -1) === 'RegExp'
}
  1. 是否錯(cuò)誤對(duì)象
export const isError = (o) => {
    return Object.prototype.toString.call(o).slice(8, -1) === 'Error'
}
  1. 是否Symbol函數(shù)
export const isSymbol = (o) => {
   return Object.prototype.toString.call(o).slice(8, -1) === 'Symbol'
}
  1. 是否Promise對(duì)象
export const isPromise = (o) => {
    return Object.prototype.toString.call(o).slice(8, -1) === 'Promise'
}
  1. 是否Set對(duì)象
export const isSet = (o) => {
    return Object.prototype.toString.call(o).slice(8, -1) === 'Set'
}

export const ua = navigator.userAgent.toLowerCase();
  1. 是否是微信瀏覽器
export const isWeiXin = () => {
   return ua.match(/microMessenger/i) == 'micromessenger'
}
  1. 是否是移動(dòng)端
export const isDeviceMobile = () => {
   return /android|webos|iphone|ipod|balckberry/i.test(ua)
}
  1. 是否是QQ瀏覽器
export const isQQBrowser = () => {
    return !!ua.match(/mqqbrowser|qzone|qqbrowser|qbwebviewtype/i)
}
  1. 是否是爬蟲
export const isSpider = () => {
   return /adsbot|googlebot|bingbot|msnbot|yandexbot|baidubot|robot|careerbot|seznambot|bot|baiduspider|jikespider|symantecspider|scannerlwebcrawler|crawler|360spider|sosospider|sogou web sprider|sogou orion spider/.test(ua)
}
  1. 是否ios
export const isIos = () => {
    var u = navigator.userAgent;
    if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {  //安卓手機(jī)
        return false
    } else if (u.indexOf('iPhone') > -1) {//蘋果手機(jī)
        return true
    } else if (u.indexOf('iPad') > -1) {//iPad
        return false
    } else if (u.indexOf('Windows Phone') > -1) {//winphone手機(jī)
        return false
    } else {
        return false
    }
}
  1. 是否為PC端
export const isPC = () => {
    var userAgentInfo = navigator.userAgent;
    var Agents = ["Android", "iPhone",
        "SymbianOS", "Windows Phone",
        "iPad", "iPod"];
    var flag = true;
    for (var v = 0; v < Agents.length; v++) {
        if (userAgentInfo.indexOf(Agents[v]) > 0) {
            flag = false;
            break;
        }
    }
    return flag;
}
  1. 去除html標(biāo)簽
export const removeHtmltag = (str) => {
   return str.replace(/<[^>]+>/g, '')
}
  1. 獲取url參數(shù)
export const getQueryString = (name) => {
   const reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
   const search = window.location.search.split('?')[1] || '';
   const r = search.match(reg) || [];
   return r[2];
}
  1. 動(dòng)態(tài)引入js
export const injectScript = (src) => {
    const s = document.createElement('script');
    s.type = 'text/javascript';
    s.async = true;
    s.src = src;
    const t = document.getElementsByTagName('script')[0];
    t.parentNode.insertBefore(s, t);
}
  1. 根據(jù)url地址下載
export const download = (url) => {
    var isChrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
    var isSafari = navigator.userAgent.toLowerCase().indexOf('safari') > -1;
    if (isChrome || isSafari) {
        var link = document.createElement('a');
        link.href = url;
        if (link.download !== undefined) {
            var fileName = url.substring(url.lastIndexOf('/') + 1, url.length);
            link.download = fileName;
        }
        if (document.createEvent) {
            var e = document.createEvent('MouseEvents');
            e.initEvent('click', true, true);
            link.dispatchEvent(e);
            return true;
        }
    }
    if (url.indexOf('?') === -1) {
        url += '?download';
    }
    window.open(url, '_self');
    return true;
}
  1. el是否包含某個(gè)class
export const hasClass = (el, className) => {
   let reg = new RegExp('(^|\\s)' + className + '(\\s|$)')
   return reg.test(el.className)
}
  1. el添加某個(gè)class
export const addClass = (el, className) => {
    if (hasClass(el, className)) {
        return
    }
    let newClass = el.className.split(' ')
    newClass.push(className)
    el.className = newClass.join(' ')
}
  1. el去除某個(gè)class
export const removeClass = (el, className) => {
   if (!hasClass(el, className)) {
       return
   }
   let reg = new RegExp('(^|\\s)' + className + '(\\s|$)', 'g')
   el.className = el.className.replace(reg, ' ')
}

32.獲取滾動(dòng)的坐標(biāo)

export const getScrollPosition = (el = window) => ({
   x: el.pageXOffset !== undefined ? el.pageXOffset : el.scrollLeft,
   y: el.pageYOffset !== undefined ? el.pageYOffset : el.scrollTop
});
  1. 滾動(dòng)到頂部
export const scrollToTop = () => {
   const c = document.documentElement.scrollTop || document.body.scrollTop;
   if (c > 0) {
       window.requestAnimationFrame(scrollToTop);
       window.scrollTo(0, c - c / 8);
   }
}
  1. el是否在視口范圍內(nèi)
export const elementIsVisibleInViewport = (el, partiallyVisible = false) => {
   const { top, left, bottom, right } = el.getBoundingClientRect();
   const { innerHeight, innerWidth } = window;
   return partiallyVisible
       ? ((top > 0 && top < innerHeight) || (bottom > 0 && bottom < innerHeight)) &&
       ((left > 0 && left < innerWidth) || (right > 0 && right < innerWidth))
       : top >= 0 && left >= 0 && bottom <= innerHeight && right <= innerWidth;
}
  1. 洗牌算法隨機(jī)
export const shuffle = (arr) => {
   var result = [],
       random;
   while (arr.length > 0) {
       random = Math.floor(Math.random() * arr.length);
       result.push(arr[random])
       arr.splice(random, 1)
   }
   return result;
}
  1. 劫持粘貼板
export const copyTextToClipboard = (value) => {
    var textArea = document.createElement("textarea");
    textArea.style.background = 'transparent';
    textArea.value = value;
    document.body.appendChild(textArea);
    textArea.select();
    try {
        var successful = document.execCommand('copy');
    } catch (err) {
        console.log('Oops, unable to copy');
    }
    document.body.removeChild(textArea);
}
  1. 判斷類型集合
export const checkStr = (str, type) => {
   switch (type) {
       case 'phone':   //手機(jī)號(hào)碼
           return /^1[3|4|5|6|7|8|9][0-9]{9}$/.test(str);
       case 'tel':     //座機(jī)
           return /^(0\d{2,3}-\d{7,8})(-\d{1,4})?$/.test(str);
       case 'card':    //身份證
           return /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(str);
       case 'pwd':     //密碼以字母開頭,長(zhǎng)度在6~18之間脐区,只能包含字母愈诚、數(shù)字和下劃線
           return /^[a-zA-Z]\w{5,17}$/.test(str)
       case 'postal':  //郵政編碼
           return /[1-9]\d{5}(?!\d)/.test(str);
       case 'QQ':      //QQ號(hào)
           return /^[1-9][0-9]{4,9}$/.test(str);
       case 'email':   //郵箱
           return /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/.test(str);
       case 'money':   //金額(小數(shù)點(diǎn)2位)
           return /^\d*(?:\.\d{0,2})?$/.test(str);
       case 'URL':     //網(wǎng)址
           return /(http|ftp|https):\/\/[\w\-_]+(\.[\w\-_]+)+([\w\-\.,@?^=%&:/~\+#]*[\w\-\@?^=%&/~\+#])?/.test(str)
       case 'IP':      //IP
           return /((?:(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d)\\.){3}(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d))/.test(str);
       case 'date':    //日期時(shí)間
           return /^(\d{4})\-(\d{2})\-(\d{2}) (\d{2})(?:\:\d{2}|:(\d{2}):(\d{2}))$/.test(str) || /^(\d{4})\-(\d{2})\-(\d{2})$/.test(str)
       case 'number':  //數(shù)字
           return /^[0-9]$/.test(str);
       case 'english': //英文
           return /^[a-zA-Z]+$/.test(str);
       case 'chinese': //中文
           return /^[\\u4E00-\\u9FA5]+$/.test(str);
       case 'lower':   //小寫
           return /^[a-z]+$/.test(str);
       case 'upper':   //大寫
           return /^[A-Z]+$/.test(str);
       case 'HTML':    //HTML標(biāo)記
           return /<("[^"]*"|'[^']*'|[^'">])*>/.test(str);
       default:
           return true;
   }
}

38.嚴(yán)格的身份證校驗(yàn)

export const isCardID = (sId) => {
   if (!/(^\d{15}$)|(^\d{17}(\d|X|x)$)/.test(sId)) {
       console.log('你輸入的身份證長(zhǎng)度或格式錯(cuò)誤')
       return false
   }
   //身份證城市
   var aCity = { 11: "北京", 12: "天津", 13: "河北", 14: "山西", 15: "內(nèi)蒙古", 21: "遼寧", 22: "吉林", 23: "黑龍江", 31: "上海", 32: "江蘇", 33: "浙江", 34: "安徽", 35: "福建", 36: "江西", 37: "山東", 41: "河南", 42: "湖北", 43: "湖南", 44: "廣東", 45: "廣西", 46: "海南", 50: "重慶", 51: "四川", 52: "貴州", 53: "云南", 54: "西藏", 61: "陜西", 62: "甘肅", 63: "青海", 64: "寧夏", 65: "新疆", 71: "臺(tái)灣", 81: "香港", 82: "澳門", 91: "國外" };
   if (!aCity[parseInt(sId.substr(0, 2))]) {
       console.log('你的身份證地區(qū)非法')
       return false
   }

   // 出生日期驗(yàn)證
   var sBirthday = (sId.substr(6, 4) + "-" + Number(sId.substr(10, 2)) + "-" + Number(sId.substr(12, 2))).replace(/-/g, "/"),
       d = new Date(sBirthday)
   if (sBirthday != (d.getFullYear() + "/" + (d.getMonth() + 1) + "/" + d.getDate())) {
       console.log('身份證上的出生日期非法')
       return false
   }

   // 身份證號(hào)碼校驗(yàn)
   var sum = 0,
       weights = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2],
       codes = "10X98765432"
   for (var i = 0; i < sId.length - 1; i++) {
       sum += sId[i] * weights[i];
   }
   var last = codes[sum % 11]; //計(jì)算出來的最后一位身份證號(hào)碼
   if (sId[sId.length - 1] != last) {
       console.log('你輸入的身份證號(hào)非法')
       return false
   }

   return true
}

數(shù)字轉(zhuǎn)換

  1. 隨機(jī)數(shù)范圍
export const random = (min, max) => {
    if (arguments.length === 2) {
        return Math.floor(min + Math.random() * ((max + 1) - min))
    } else {
        return null;
    }

}
  1. 將阿拉伯?dāng)?shù)字翻譯成中文的大寫數(shù)字
export const numberToChinese = (num) => {
    var AA = new Array("零", "一", "二", "三", "四", "五", "六", "七", "八", "九", "十");
    var BB = new Array("", "十", "百", "仟", "萬", "億", "點(diǎn)", "");
    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) // 加上小數(shù)部分(如果有小數(shù)部分)
    {
        re += BB[6];
        for (var i = 0; i < a[1].length; i++)
            re += AA[a[1].charAt(i)];
    }
    if (re == '一十')
        re = "十";
    if (re.match(/^一/) && re.length == 3)
        re = re.replace("一", "");
    return re;
}
  1. 將數(shù)字轉(zhuǎn)換為大寫金額
export const changeToChinese = (Num) => {
    //判斷如果傳遞進(jìn)來的不是字符的話轉(zhuǎn)換為字符
    if (typeof Num == "number") {
        Num = new String(Num);
    };
    Num = Num.replace(/,/g, "") //替換tomoney()中的“,”
    Num = Num.replace(/ /g, "") //替換tomoney()中的空格
    Num = Num.replace(/¥/g, "") //替換掉可能出現(xiàn)的¥字符
    if (isNaN(Num)) { //驗(yàn)證輸入的字符是否為數(shù)字
        //alert("請(qǐng)檢查小寫金額是否正確");
        return "";
    };
    //字符處理完畢后開始轉(zhuǎn)換,采用前后兩部分分別轉(zhuǎn)換
    var part = String(Num).split(".");
    var newchar = "";
    //小數(shù)點(diǎn)前進(jìn)行轉(zhuǎn)化
    for (var i = part[0].length - 1; i >= 0; i--) {
        if (part[0].length > 10) {
            return "";
            //若數(shù)量超過拾億單位,提示
        }
        var tmpnewchar = ""
        var perchar = part[0].charAt(i);
        switch (perchar) {
            case "0":
                tmpnewchar = "零" + tmpnewchar;
                break;
            case "1":
                tmpnewchar = "壹" + tmpnewchar;
                break;
            case "2":
                tmpnewchar = "貳" + tmpnewchar;
                break;
            case "3":
                tmpnewchar = "叁" + tmpnewchar;
                break;
            case "4":
                tmpnewchar = "肆" + tmpnewchar;
                break;
            case "5":
                tmpnewchar = "伍" + tmpnewchar;
                break;
            case "6":
                tmpnewchar = "陸" + tmpnewchar;
                break;
            case "7":
                tmpnewchar = "柒" + tmpnewchar;
                break;
            case "8":
                tmpnewchar = "捌" + tmpnewchar;
                break;
            case "9":
                tmpnewchar = "玖" + tmpnewchar;
                break;
        }
        switch (part[0].length - i - 1) {
            case 0:
                tmpnewchar = tmpnewchar + "元";
                break;
            case 1:
                if (perchar != 0) tmpnewchar = tmpnewchar + "拾";
                break;
            case 2:
                if (perchar != 0) tmpnewchar = tmpnewchar + "佰";
                break;
            case 3:
                if (perchar != 0) tmpnewchar = tmpnewchar + "仟";
                break;
            case 4:
                tmpnewchar = tmpnewchar + "萬";
                break;
            case 5:
                if (perchar != 0) tmpnewchar = tmpnewchar + "拾";
                break;
            case 6:
                if (perchar != 0) tmpnewchar = tmpnewchar + "佰";
                break;
            case 7:
                if (perchar != 0) tmpnewchar = tmpnewchar + "仟";
                break;
            case 8:
                tmpnewchar = tmpnewchar + "億";
                break;
            case 9:
                tmpnewchar = tmpnewchar + "拾";
                break;
        }
        var newchar = tmpnewchar + newchar;
    }
    //小數(shù)點(diǎn)之后進(jìn)行轉(zhuǎn)化
    if (Num.indexOf(".") != -1) {
        if (part[1].length > 2) {
            // alert("小數(shù)點(diǎn)之后只能保留兩位,系統(tǒng)將自動(dòng)截?cái)?);
            part[1] = part[1].substr(0, 2)
        }
        for (i = 0; i < part[1].length; i++) {
            tmpnewchar = ""
            perchar = part[1].charAt(i)
            switch (perchar) {
                case "0":
                    tmpnewchar = "零" + tmpnewchar;
                    break;
                case "1":
                    tmpnewchar = "壹" + tmpnewchar;
                    break;
                case "2":
                    tmpnewchar = "貳" + tmpnewchar;
                    break;
                case "3":
                    tmpnewchar = "叁" + tmpnewchar;
                    break;
                case "4":
                    tmpnewchar = "肆" + tmpnewchar;
                    break;
                case "5":
                    tmpnewchar = "伍" + tmpnewchar;
                    break;
                case "6":
                    tmpnewchar = "陸" + tmpnewchar;
                    break;
                case "7":
                    tmpnewchar = "柒" + tmpnewchar;
                    break;
                case "8":
                    tmpnewchar = "捌" + tmpnewchar;
                    break;
                case "9":
                    tmpnewchar = "玖" + tmpnewchar;
                    break;
            }
            if (i == 0) tmpnewchar = tmpnewchar + "角";
            if (i == 1) tmpnewchar = tmpnewchar + "分";
            newchar = newchar + tmpnewchar;
        }
    }
    //替換所有無用漢字
    while (newchar.search("零零") != -1)
        newchar = newchar.replace("零零", "零");
    newchar = newchar.replace("零億", "億");
    newchar = newchar.replace("億萬", "億");
    newchar = newchar.replace("零萬", "萬");
    newchar = newchar.replace("零元", "元");
    newchar = newchar.replace("零角", "");
    newchar = newchar.replace("零分", "");
    if (newchar.charAt(newchar.length - 1) == "元") {
        newchar = newchar + "整"
    }
    return newchar;
}
關(guān)于數(shù)組

42.判斷一個(gè)元素是否在數(shù)組中

export const contains = (arr, val) => {
    return arr.indexOf(val) != -1 ? true : false;
}

43.數(shù)組排序炕柔, {type}1:從小到大2:從大到小3

export const sort = (arr, type = 1) => {
    return arr.sort((a, b) => {
        switch (type) {
            case 1:
                return a - b;
            case 2:
                return b - a;
            case 3:
                return Math.random() - 0.5;
            default:
                return arr;
        }
    })
}
  1. 去重
export const unique = (arr) => {
   if (Array.hasOwnProperty('from')) {
       return Array.from(new Set(arr));
   } else {
       var n = {}, r = [];
       for (var i = 0; i < arr.length; i++) {
           if (!n[arr[i]]) {
               n[arr[i]] = true;
               r.push(arr[i]);
           }
       }
       return r;
   }
}
  1. 求兩個(gè)集合的并集
export const union = (a, b) => {
    var newArr = a.concat(b);
    return this.unique(newArr);
}
  1. 求兩個(gè)集合的交集
export const intersect = (a, b) => {
   var _this = this;
   a = this.unique(a);
   return this.map(a, function (o) {
       return _this.contains(b, o) ? o : null;
   });
}
  1. 刪除其中一個(gè)元素
export const remove = (arr, ele) => {
    var index = arr.indexOf(ele);
    if (index > -1) {
        arr.splice(index, 1);
    }
    return arr;
}
  1. 將類數(shù)組轉(zhuǎn)換為數(shù)組的方法
export const formArray = (ary) => {
   var arr = [];
   if (Array.isArray(ary)) {
       arr = ary;
   } else {
       arr = Array.prototype.slice.call(ary);
   };
   return arr;
}

49.最大值

export const max = (arr) => {
    return Math.max.apply(null, arr);
}
  1. 最小值
export const min = (arr) => {
   return Math.min.apply(null, arr);
}
  1. 求和
export const sum = (arr) => {
    return arr.reduce((pre, cur) => {
        return pre + cur
    })
}

52.平均值

export const average = (arr) => {
    return this.sum(arr) / arr.length
}

String 字符串操作

  1. 去除空格 type: 1-所有空格 2-前后空格 3-前空格 4-后空格
export const trim = (str, type) => {
   type = type || 1
   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;
   }
}
  1. 字符轉(zhuǎn)換 type: 1:首字母大寫 2:首字母小寫 3:大小寫轉(zhuǎn)換 4:全部大寫 5:全部小寫
export const changeCase = (str, type) => {
   type = type || 4
   switch (type) {
       case 1:
           return str.replace(/\b\w+\b/g, function (word) {
               return word.substring(0, 1).toUpperCase() + word.substring(1).toLowerCase();

           });
       case 2:
           return str.replace(/\b\w+\b/g, function (word) {
               return word.substring(0, 1).toLowerCase() + word.substring(1).toUpperCase();
           });
       case 3:
           return str.split('').map(function (word) {
               if (/[a-z]/.test(word)) {
                   return word.toUpperCase();
               } else {
                   return word.toLowerCase()
               }
           }).join('')
       case 4:
           return str.toUpperCase();
       case 5:
           return str.toLowerCase();
       default:
           return str;
   }
}
  1. 檢測(cè)密碼強(qiáng)度
export const checkPwd = (str) => {
    var Lv = 0;
    if (str.length < 6) {
        return Lv
    }
    if (/[0-9]/.test(str)) {
        Lv++
    }
    if (/[a-z]/.test(str)) {
        Lv++
    }
    if (/[A-Z]/.test(str)) {
        Lv++
    }
    if (/[\.|-|_]/.test(str)) {
        Lv++
    }
    return Lv;
}
  1. 函數(shù)節(jié)流器
export const debouncer = (fn, time, interval = 200) => {
    if (time - (window.debounceTimestamp || 0) > interval) {
        fn && fn();
        window.debounceTimestamp = time;
    }
}
  1. 在字符串中插入新字符串
export const insertStr = (soure, index, newStr) => {
    var str = soure.slice(0, index) + newStr + soure.slice(index);
    return str;
}

58.判斷兩個(gè)對(duì)象是否鍵值相同

export const isObjectEqual = (a, b) => {
    var aProps = Object.getOwnPropertyNames(a);
    var bProps = Object.getOwnPropertyNames(b);

    if (aProps.length !== bProps.length) {
        return false;
    }

    for (var i = 0; i < aProps.length; i++) {
        var propName = aProps[i];

        if (a[propName] !== b[propName]) {
            return false;
        }
    }
    return true;
}
  1. 16進(jìn)制顏色轉(zhuǎn)RGB\RGBA字符串
export const colorToRGB = (val, opa) => {

    var pattern = /^(#?)[a-fA-F0-9]{6}$/; //16進(jìn)制顏色值校驗(yàn)規(guī)則
    var isOpa = typeof opa == 'number'; //判斷是否有設(shè)置不透明度

    if (!pattern.test(val)) { //如果值不符合規(guī)則返回空字符
        return '';
    }

    var v = val.replace(/#/, ''); //如果有#號(hào)先去除#號(hào)
    var rgbArr = [];
    var rgbStr = '';

    for (var i = 0; i < 3; i++) {
        var item = v.substring(i * 2, i * 2 + 2);
        var num = parseInt(item, 16);
        rgbArr.push(num);
    }

    rgbStr = rgbArr.join();
    rgbStr = 'rgb' + (isOpa ? 'a' : '') + '(' + rgbStr + (isOpa ? ',' + opa : '') + ')';
    return rgbStr;
}
  1. 追加url參數(shù)
export const appendQuery = (url, key, value) => {
   var options = key;
   if (typeof options == 'string') {
       options = {};
       options[key] = value;
   }
   options = $.param(options);
   if (url.includes('?')) {
       url += '&' + options
   } else {
       url += '?' + options
   }
   return url;
}

61.判斷a數(shù)組是否包含b數(shù)組中

export const getArrRepeat = (arr1,arr2) =>{
    return arr1.filter((item,index) =>{
        return arr2.includes(item)
    })
} 
  1. 將數(shù)組分片
export const arrChunk = (data=[],space=5) => {
    var result = [];
    for (var i = 0, len = data.length; i < len; i += space) {
        result.push(data.slice(i, i + space));
    }
    return {data:result,total:data.length,space};
}
一郭鮮
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末酌泰,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子匕累,更是在濱河造成了極大的恐慌陵刹,老刑警劉巖,帶你破解...
    沈念sama閱讀 207,113評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件欢嘿,死亡現(xiàn)場(chǎng)離奇詭異衰琐,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)炼蹦,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評(píng)論 2 381
  • 文/潘曉璐 我一進(jìn)店門羡宙,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人掐隐,你說我怎么就攤上這事狗热。” “怎么了虑省?”我有些...
    開封第一講書人閱讀 153,340評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵匿刮,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我探颈,道長(zhǎng)熟丸,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,449評(píng)論 1 279
  • 正文 為了忘掉前任伪节,我火速辦了婚禮光羞,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘架馋。我一直安慰自己狞山,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,445評(píng)論 5 374
  • 文/花漫 我一把揭開白布叉寂。 她就那樣靜靜地躺著萍启,像睡著了一般。 火紅的嫁衣襯著肌膚如雪屏鳍。 梳的紋絲不亂的頭發(fā)上勘纯,一...
    開封第一講書人閱讀 49,166評(píng)論 1 284
  • 那天,我揣著相機(jī)與錄音钓瞭,去河邊找鬼驳遵。 笑死,一個(gè)胖子當(dāng)著我的面吹牛山涡,可吹牛的內(nèi)容都是我干的堤结。 我是一名探鬼主播唆迁,決...
    沈念sama閱讀 38,442評(píng)論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼竞穷!你這毒婦竟也來了唐责?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,105評(píng)論 0 261
  • 序言:老撾萬榮一對(duì)情侶失蹤瘾带,失蹤者是張志新(化名)和其女友劉穎鼠哥,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體看政,經(jīng)...
    沈念sama閱讀 43,601評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡朴恳,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,066評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了允蚣。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片于颖。...
    茶點(diǎn)故事閱讀 38,161評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖厉萝,靈堂內(nèi)的尸體忽然破棺而出恍飘,到底是詐尸還是另有隱情榨崩,我是刑警寧澤谴垫,帶...
    沈念sama閱讀 33,792評(píng)論 4 323
  • 正文 年R本政府宣布,位于F島的核電站母蛛,受9級(jí)特大地震影響翩剪,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜彩郊,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,351評(píng)論 3 307
  • 文/蒙蒙 一前弯、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧秫逝,春花似錦恕出、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至刷后,卻和暖如春的畴,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背尝胆。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評(píng)論 1 261
  • 我被黑心中介騙來泰國打工丧裁, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人含衔。 一個(gè)月前我還...
    沈念sama閱讀 45,618評(píng)論 2 355
  • 正文 我出身青樓煎娇,卻偏偏與公主長(zhǎng)得像二庵,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子缓呛,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,916評(píng)論 2 344