likes
comments
collection
share

前端常用的js函数方法

作者站长头像
站长
· 阅读数 17

1.判断类型集合

  export const checkStr = (str, type) => { 
  switch (type) { 
  case 'phone':
  //手机号码
  return /^1[3|4|5|6|7|8|9][0-9]{9}$/.test(str); 
  case 'tel':
  //座机
  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':
  //密码以字母开头,长度在6~18之间,只能包含字母、数字和下划线 
  return /^[a-zA-Z]\w{5,17}$/.test(str)
  case 'postal':
  //邮政编码
  return /[1-9]\d{5}(?!\d)/.test(str);
  case 'QQ':
  //QQ号
  return /^[1-9][0-9]{4,9}$/.test(str);
  case 'email':
  //邮箱 
  return /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/.test(str); 
  case 'money':
  //金额(小数点2位) 
  return /^\d*(?:\.\d{0,2})?$/.test(str);
  case 'URL':
  //网址
  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':
  //日期时间
  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':
  //数字
  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标记
  return /<("[^"]*"|'[^']*'|[^'">])*>/.test(str); 
  default: 
  return true; 
  } 
 }

2.严格的身份证校验

export const isCardID =(sId)=>{
if (!/(^\d{15}$)|(^\d{17}(\d|X|x)$)/.test(sId)) {
console.log('你输入的身份证长度或格式错误')
return false 
}
//身份证城市 
var aCity = { 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: "国外" };
if (!aCity[parseInt(sId.substr(0, 2))]) { 
console.log('你的身份证地区非法')
return false
}
// 出生日期验证
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 
}
// 身份证号码校验
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];
//计算出来的最后一位身份证号码 
if (sId[sId.length - 1] != last) { 
console.log('你输入的身份证号非法') 
return false 
}
return true
}

3.将阿拉伯数字翻译成中文的大写数字

export const numberToChinese = (num) => {
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)];
} 
if (re == '一十') re = "十";
if (re.match(/^一/) && re.length == 3) re = re.replace("一", ""); return re;
}

5.将数字转换为大写金额

export const changeToChinese = (Num) => {
  //判断如果传递进来的不是字符的话转换为字符
  if (typeof Num == "number") { 
  Num = new String(Num);
  };
  Num = Num.replace(/,/g, "") 
  //替换tomoney()中的“,” 
  Num = Num.replace(/ /g, "") 
  //替换tomoney()中的空格
  Num = Num.replace(/¥/g, "") 
  //替换掉可能出现的¥字符 
  if (isNaN(Num)) { 
  //验证输入的字符是否为数字 
  //alert("请检查小写金额是否正确");
  return "";
  }; 
  //字符处理完毕后开始转换,采用前后两部分分别转换
  var part = String(Num).split(".");
  var newchar = ""; 
  //小数点前进行转化
  for (var i = part[0].length - 1; i >= 0; i--) { 
  if (part[0].length > 10) { 
  return ""; 
  //若数量超过拾亿单位,提示
  } 
  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; 
  }
  //小数点之后进行转化 
  if (Num.indexOf(".") != -1) {
  if (part[1].length > 2) {
  // alert("小数点之后只能保留两位,系统将自动截断"
  );
  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;
}

6.是否数字

export const isNumber = (e) =>{
    return Object.prototype.toString.call(e).slice(8,-1) ==='Number'
}

7.是否boolean

export const isBoolean = (e) =>{
  return Object.prototype.toString.call(e).slice(8,-1) ==='Boolean'
}

8.是否函数

export const isFunction = (e) =>{
  return Object.prototype.toString.call(e).slice(8,-1) === 'Function'
}

9.是否为null

export const isUndefined = (e) =>{
    return Object.prototype.toString.call(e).slice(8,-1)==='Undefined'
}

10.是否undefined

export const isUndefined = (e) =>{
    return Object.prototype.toString.call(e).slice(8,-1)==='Undefined'
} 

11.是否对象

export const isObject = (e) =>{
  return Object.prototype.toString.call(e).slice(8,-1) === 'Object'
}

12.是否数组

export const isArray = (e) =>{
    return Object.prototype.toString.call(e).slice(8,-1)==='Array'
}

13.是否是微信浏览器

export const isWeiXin = () =>{
  return ua.match(/microMessenger/i) == 'micromessenger'
}

14.是否是移动端

export const isDeviceMobile =()=>{
    return /android|webos|iphone|ipod|balckberry/i.test(ua)
}

15.是否是QQ浏览器

export const isQQBrowser = () =>{
    return !!ua.match(/mqqbrowser|qzone|qqbrowser|qbwebviewtype/i)
}

16.是否是爬虫

export const isSpider =()=>{
    return /adsbot|googlebot|bingbot|msnbot|yandexbot|baidubot|robot|careerbot|seznambot|bot|baiduspider|jikespider|symantecspider|scannerlwebcrawler|crawler|360spider|sosospider|sogou web sprider|sougou orion spider/.test(ua)
}

17.是否ios

export const isIos =()=>{
  var u = navigator.userAgent;
  if(u.indexOf('Android')>-1||u.indexOf('Linux')>-1){//安卓手机
  return false
  }else if(u.indexOf('iPhone')>-1){//苹果手机
  return true
  }else if(u.indexOf('iPad')>-1){//iPad
  return false
  }else if(u.indexOf('windows Phone')>-1){//winphone手机
  return false
  }else{
  return false
  }
}

18.是否PC端

export const isPC = ()=>{
    var userAgentInfo = navigator.userAgent
    var Agents = ['Android','iPhone','SymbuanOS','Windows Phone','iPad','iPod'];
    var flag = true;
    for(var i = 0;i<Agents.length;i++){
    if(userAgentInfo.indexOf(Agents[i])>0){
    flag = false;
    break;
    }
    }
    return flag;
}

19.去除html标签

export const removehtmltag = (str)=>{
  return str.replace(/<[^>]+>/g,'')
}

20.根据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;
}