关于javascript:前端常用的js函数方法

263次阅读

共计 7874 个字符，预计需要花费 20 分钟才能阅读完成。

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;
}

正文完
javascript
发表至： javascript
2022-09-14
 0
JS前端面试总结
关于javascript:Day98100PostCSS-plugin-postcssflexbugsfixes-requires-PostCSS8
JavaScript连等赋值运算理解
关于javascript:Set和Map的简单使用