实用的js封装

朴灿烈づ我的快乐病毒、 2022-12-19 05:00 88阅读 0赞

以下这些是项目中用到的，封装的方法，如果有问题虚心求教。

#### 截取url参数 ####

function getQueryObject(url) { 
      url = url == null ? window.location.href : url
      const search = url.substring(url.lastIndexOf('?') + 1)
      const obj = { }
      const reg = /([^?&=]+)=([^?&=]*)/g
      search.replace(reg, (rs, $1, $2) => { 
        const name = decodeURIComponent($1)
        let val = decodeURIComponent($2)
        val = String(val)
        obj[name] = val
        return rs
      })
      return obj
    }
    getQueryObject('https//www.baidu.com?id=1111&type=edit')

#### 格式化时间(方法1) ####

function parseTime(time, cFormat) { 
      if (arguments.length === 0) { 
        return null
      }
      const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
      let date
      if (typeof time === 'object') { 
        date = time
      } else { 
        if ((typeof time === 'string') && (/^[0-9]+$/.test(time))) { 
          time = parseInt(time)
        }
        if ((typeof time === 'number') && (time.toString().length === 10)) { 
          time = time * 1000
        }
        date = new Date(time)
      }
      const formatObj = { 
        y: date.getFullYear(),
        m: date.getMonth() + 1,
        d: date.getDate(),
        h: date.getHours(),
        i: date.getMinutes(),
        s: date.getSeconds(),
        a: date.getDay()
      }
      const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => { 
        let value = formatObj[key]
        // Note: getDay() returns 0 on Sunday
        if (key === 'a') {  return ['日', '一', '二', '三', '四', '五', '六'][value] }
        if (result.length > 0 && value < 10) { 
          value = '0' + value
        }
        return value || 0
      })
      return time_str
    }
    // 使用
    parseTime(new Date(),'{y}-{m}-{d} {h}:{i}:{s}')

#### 格式化时间(方法2) ####

/** * 格式化时间 */
    function NewTime(time) { 
      if (!time) time = new Date()
      const t = new Date(time) // 你已知的时间
      t.setTime(t.setMinutes(t.getMinutes())) // 设置新时间比旧时间多一分钟
      const Y = t.getFullYear()
      let M = t.getMonth() + 1
      let D = t.getDate()
      let HH = t.getHours()
      let MM = t.getMinutes()
      let SS = t.getSeconds()
      if (M < 10) M = '0' + M
      if (D < 10) D = '0' + D
      if (HH < 10) HH = '0' + HH
      if (MM < 10) MM = '0' + MM
      if (SS < 10) SS = '0' + SS
      // let date_value = Y + '-' + M + '-' + D + ' ' + HH + ':' + MM + ':' + SS;
      const date_value = Y + '-' + M + '-' + D + ' ' + HH + ':' + MM + ':' + SS
      return date_value
    }

#### 存储、获取、删除 sessionStorage ####

#### 检测手机号 ####

function _isMobile(mobile) { 
      var reg = /^[1][3,4,5,7,8][0-9]{9}$/;
      if (reg.test(mobile)) return true;
      else return false;
    };

#### 将base64转换为文件 ####

#### 替换电话号码中间四位 ####

function replacePhone(num) { 
      let mphone = num;
      if (_isMobile(num)) { 
        mphone = num.substr(0, 3) + '****' + num.substr(7);
      }
      return mphone;
    };

#### 去除内容中的空格 ####

function deblank(str) { 
      str = str.replace(/\s*/g, '');
      return str;
    };

#### 电话号码格式344替换 ####

function phoneSeparated(num) { 
      let mphone = num;
      if (_isMobile(num)) { 
        mphone =
          num.substring(0, 3) +
          ' ' +
          num.substring(3, 7) +
          ' ' +
          num.substring(7, 11);
      }
      return mphone;
    };

#### 银行卡格式4444替换 ####

function cardSeparated(num) { 
      let index = num ? num.length / 4 : 0;
      let result = '';
      for (let i = 0; i < index; i++) { 
        result += num.substring(i * 4, (i + 1) * 4) + ' ';
      }
      return result;
    };

#### 身份证格式生日替换 ####

#### 护照号替换 ####

function passportSeparated(num) { 
      if (num.length > 4) { 
        var str = num.substr(0, num.length - 4) + '****';
        return str;
      } else { 
        return num;
      }
    };

#### 卡号每隔四位加短线 ####

#### 每隔四位加空格 ####

function fourSpace(num) { 
      var value = num
        .replace(/\D/g, '')
        .replace(/....(?!$)/g, '$& ');
      return value;
    };
    fourSpace('13122223333')

#### 身份证校验 ####

#### HmacSHA256加密 ####

function encryptHmacSHA256(value) { 
      const userInfo = getUserInfo();
      let key = '';
      if (userInfo.data) { 
        key = userInfo.data.publicKey;
      }
      let ciphertext = CryptoJS.HmacSHA256(value, key);
      let hashInBase64 = CryptoJS.enc.Base64.stringify(ciphertext);
      return hashInBase64;
    };

#### 对象中的null转为空字符串 ####

#### 文件导出 ####

function _checkoutFile(fileName, response) { 
      console.log('response');
      console.log(response);
      let blob = new Blob([response], {  type: 'application/vnd.ms-excel' });
      let objectUrl = URL.createObjectURL(blob);
      const a = document.createElement('a');
      a.setAttribute('href', objectUrl);
      a.setAttribute('download', fileName);
      a.click();
      URL.revokeObjectURL(objectUrl);
    };

#### url文件导出 ####

function _urlExportFile(url) { 
      const a = document.createElement('a');
      a.setAttribute('href', url);
      a.click();
    };

#### url校验 ####

#### 页面可视高度、 页面可视宽度 ####

function clientHeight() { 
      let clientHeight = document.getElementById('root').clientHeight;
      let offsetHeight = document.getElementById('root').offsetHeight;
      return clientHeight || offsetHeight;
    };
    
    function clientWidth() { 
      let clientWidth = document.getElementById('root').clientWidth;
      let offsetWidth = document.getElementById('root').offsetWidth;
      return clientWidth || offsetWidth;
    };

#### 格式化金额 ####