JS前端实用方法

/**
 * 用于将手机号脱敏处理
 * @param {string} val - 手机号
 * @return {string} 处理后的手机号
 * example 18238792322 => 182****2322
 */
export function formatSafePhone(val) {
  const dealedPhone = val.toString().replace(/^(\d{3})\d*(\d{4})/, "$1****$2");
  return dealedPhone;
}

/**
 * 用于将数字格式化为千分位
 * @param {number|string} val
 * @return {string}
 * example 223333 => 223,333
 */
export function formatNumber(val) {
  const number = Number(val).toLocaleString();
  return number === "NaN" ? "--" : number;
}

/**
 * 用于计算图片大小
 * @param {string} imgUrl - 图片base64编码
 * @return {number} 大小(字节)
 */
export function calculateImgSize(imgUrl) {
  const tag = "base64,";
  let baseStr = imgUrl;
  baseStr = baseStr.slice(baseStr.indexOf(tag) + tag.length);
  let eqTagIndex = baseStr.indexOf("=");
  baseStr = eqTagIndex != -1 ? baseStr.slice(0, eqTagIndex) : baseStr;
  let strLen = baseStr.length;
  return (strLen - (strLen / 8) * 2);
}

/**
 * 将秒转化为天\时\分\秒
 * @param {number} second - 时长(单位秒)
 * @return {TimeObj}
 * exp: 93795 => {day: 1, hours: 2, min: 3, seconds: 15}
 */
export const formatterTime = (second = 0): TimeObj => {
  const day = Math.floor(second / 3600 / 24);
  const hours = Math.floor((second - day * 24 * 3600) / 3600);
  const min = Math.floor((second - (hours + 24 * day) * 3600) / 60);
  const seconds = Math.floor(second % 60);
  const timeObj = {
    day,
    hours,
    min,
    seconds
  };
  return timeObj;
};
interface TimeObj {
  day: number;
  hours: number;
  min: number;
  seconds: number;
}
      // 获取url参数对象
      let getQueryStringArgs = function() {
        // 取得没有开头问号的查询字符串
        let qs = (location.search.length > 0 ? location.search.substring(1) : ""),
        // 保存数据的对象 args = {};
        // 把每个参数添加到 args 对象
        for (let item of qs.split("&").map(kv => kv.split("="))) {
                let name = decodeURIComponent(item[0]),
                  value = decodeURIComponent(item[1]);
                if (name.length) {
                  args[name] = value;
        } }
           return args;
        }

      // URLSearchParams
      // URLSearchParams 提供了一组标准 API 方法，通过它们可以检查和修改查询字符串。给 URLSearchParams 构造函数传入一个查询字符串，就可以创建一个实例。这个实例上暴露了 get()、 set()和 delete()等方法，可以对查询字符串执行相应操作。下面来看一个例子:
      let qs = '?q=javascript&num=10';
      let searchParams = new URLSearchParams(qs);
      alert(searchParams.toString()); // " q=javascript&num=10"
      searchParams.has('num');
      searchParams.get('num');
      searchParams.set('page', '3');
      alert(searchParams.toString());
      // true 8 // 10
      // " q=javascript&num=10&page=3"
      searchParams.delete('q');
      alert(searchParams.toString()); // " num=10&page=3"
      // 大多数支持 URLSearchParams 的浏览器也支持将 URLSearchParams 的实例用作可迭代对象:
      let qs1 = '?q=javascript&num=10';
      let searchParams1 = new URLSearchParams(qs);
      for (let param of searchParams) {
        console.log(param);
      } // ["q", "javascript"] 12 // ["num", "10"]