2018-02-04-JS梳理

由于项目需要，根据接口返回城市数据，标注国内地图城市点，这里记录实现过程，以备不时之需。

sessionStorage && localStorage

由于sessionStorage && localStorage 仅能存储字符串类型的数据，对于实际开发中需要
常用的 json 对象的操作及其不变，这里对sessionStorage && localStorage操作进行封装
供参考。

/**
 *  获取 sessionStorage数据
 * @param key
 * @returns {{}}
 */
function getSessionStoreDataObj(key) {
    var responseObj = undefined;
    // 判断浏览器是否支持sessionStorage
    if (window.sessionStorage) {
        var responseJson = window.sessionStorage.getItem(key);
        if (responseJson != null && responseJson != undefined) {
            responseObj = JSON.parse(responseJson);
        }
    }
    return responseObj;
}

/**
 *
 * @param key
 * @param value
 * @returns {*}
 */
function setSessionStoreData(key, value) {
    var isSuccess = false;
    // 判断浏览器是否支持sessionStorage
    if (window.sessionStorage) {
        if (isJSONStr(value)) {
            window.sessionStorage.setItem(key, value);
        } else if (isJsonObj(value)) {
            window.sessionStorage.setItem(key, JSON.stringify(value));
        } else {
            var data = {};
            data.data = value;
            window.sessionStorage.setItem(key, JSON.stringify(data));
        }
        isSuccess = true;
    }
    return isSuccess;
}

/**
 *  删除sessionStorage某一项item
 * @param key
 */
function deleteSessionStoreItem(key) {
    window.sessionStorage.removeItem(key);
}

/**
 *  清空SessionStore
 */
function clearSessionStore() {
    window.sessionStorage.clear();
}

deepCopy 对象的拷贝

前端开发过程中，操作对象的引用时，一不留神，会存在意想不到的结果，而
这结果往往是致命的。js 引擎并未提供类似对象拷贝的方法，这里进行一个较为完善的封装。
利用递归对嵌套对象进行处理。

/**
 * 对象的拷贝
 * @param obj
 * @returns {*}
 */
let deepCopy = function(obj){
  if(typeof obj !== 'object'){
    return obj;
  }
  var newobj = {};
  for ( var attr in obj) {
    newobj[attr] = deepCopy(obj[attr]);
  }
  return newobj;
}

正则

常用正则校验整理：

function checkTempUserName(name) {
  //判断纯中文正则
  var regexCHN = new RegExp("^[\\u4E00-\\u9FA5]+$");
  //纯英文
  var regexEN = new RegExp("^[a-zA-Z]+$");
  //纯英文必须包含/且/在中间,中间可以包含空格
  //如果全英文,则可以带/,最多出现1次/
  var regexEN1 = new RegExp("^[A-Za-z\\s*]+\\s*\\/\\s*[a-zA-Z\\s*]+$");
  /**
   * 匹配非特殊字符 包括字母和数字
   */
  var regexNormal = new RegExp("[a-zA-Z /]+$");
  //中文加字母
  var regexEnChnEn = new RegExp("^[A-Za-z]+[\\u4E00-\\u9FA5]+[A-Za-z]+$");
  var regexChnEn = new RegExp("^[\\u4E00-\\u9FA5]+[A-Za-z]+$");
  var regexEnChn = new RegExp("^[A-Za-z]+[\\u4E00-\\u9FA5]+$");

  if (name) {
    if (regexEnChnEn.test(name)) {
      return false;
    } else if (regexEN.test(name)) {
      //纯英文
      return false;
    } else if (regexEnChn.test(name)) {
      return false;
    } else if (regexCHN.test(name)) {
      //中文
      return !(name.length < 2 || name.length > 16);
    } else if (regexChnEn.test(name)) {
      //中文+英文
      return !(name.length < 2 || name.length > 32);
    } else {
      //英文带/符合要求
      return (
        regexNormal.test(name) &&
        regexEN1.test(name) &&
        !(name.length < 2 || name.length > 32)
      );
    }
  } else {
    return false;
  }
}

//检查传入内容是否为纯英文
function checkPrueEnglish(englishName) {
  //纯英文
  var regexEN = new RegExp("^[a-zA-Z]+$");
  return regexEN.test(englishName);
}

//检查手机号
function checkPhone(phone) {
  var regex = new RegExp("^1[0-9]{10,12}$");
  return regex.test(phone);
}

//检查邮箱
function checkEmail(mail) {
  var regex = new RegExp(
    "^s*([a-zA-Z0-9_.-])+@(([a-zA-Z0-9_-])+.)+([a-zA-Z0-9]{2,20})s*$"
  );
  return regex.test(mail);
}

//检查护照
function checkPassport(pass) {
  var regex = new RegExp("^[A-Za-z0-9]{1,50}$");
  return regex.test(pass);
}

//检查身份证
function checkIdentityCode(code) {
  var city = {
    11: "北京",
    12: "天津",
    13: "河北",
    14: "山西",
    15: "内蒙古",
    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: "台湾",
    81: "香港",
    82: "澳门",
    91: "国外 ",
  };
  var pass = true;

  if (
    !code ||
    !/^\d{6}(18|19|20)?\d{2}(0[1-9]|1[12])(0[1-9]|[12]\d|3[01])\d{3}(\d|X)$/i.test(
      code
    )
  ) {
    pass = false;
  } else if (!city[code.substr(0, 2)]) {
    pass = false;
  } else {
    //18位身份证需要验证最后一位校验位
    if (parseInt(code.length) === 18) {
      code = code.split("");
      //∑(ai×Wi)(mod 11)
      //加权因子
      var factor = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2];
      //校验位
      var parity = [1, 0, "X", 9, 8, 7, 6, 5, 4, 3, 2];
      var sum = 0;
      var ai = 0;
      var wi = 0;
      for (var i = 0; i < 17; i++) {
        ai = code[i];
        wi = factor[i];
        sum += ai * wi;
      }
      if (parity[sum % 11] != code[17]) {
        pass = false;
      }
    }
  }
  return pass;
}

//18位身份证获取生日
function getBirthday(idCard) {
  if (idCard && idCard.length === 18) {
    var bir = idCard.substr(6, 4);
    bir += "-";
    bir += idCard.substr(10, 2);
    bir += "-";
    bir += idCard.substr(12, 2);
    return bir;
  } else {
    return null;
  }
}

//身份证获取性别
function getSexFromIDCardMF(cardId) {
  //modify by yzhao 解决性别传递出错问题
  if (cardId) {
    var sexCode = "1";
    if (cardId.length === "15") {
      sexCode = cardId.substr(14, 15);
    } else if (cardId.length === "18") {
      //18位身份证取第17位数
      sexCode = cardId.substr(16, 17);
    }
    if (Math.abs(sexCode) % 2 === "1") {
      return "M";
    } else {
      return "F";
    }
  }
  return "";
}

// 加密身份证件号
function encryptIdInfo(indenti) {
  var result = "";
  if (indenti && (indenti.length === 18 || indenti.length === 15)) {
    var last = indenti.slice(indenti.length - 4);
    var arr = [];
    for (var m = 0; m < indenti.length - 10; m++) {
      arr.push("*");
    }
    var mid = arr.join("");
    var first = indenti.slice(0, 6);
    result = first + mid + last;
  }
  return result;
}

// 加密护照证件号
function encryptPassportInfo(passport) {
  var result = "";
  if (passport && passport.length > 4) {
    var lastString = passport.slice(passport.length - 2);
    var array = [];
    for (var j = 0; j < passport.length - 4; j++) {
      array.push("*");
    }
    var midString = array.join("");
    var firstString = passport.slice(0, 2);
    result = firstString + midString + lastString;
  } else if (passport) {
    result = passport;
  }
  return result;
}