文章詳情頁(yè)

JavaScript常用工具函數(shù)大全

瀏覽：108日期：2023-10-31 09:53:01

本文實(shí)例總結(jié)了JavaScript常用工具函數(shù)。分享給大家供大家參考，具體如下：

為元素添加on方法

Element.prototype.on = Element.prototype.addEventListener;NodeList.prototype.on = function (event, fn) {、 [][’forEach’].call(this, function (el) { el.on(event, fn); }); return this;};為元素添加trigger方法

Element.prototype.trigger = function(type, data) { var event = document.createEvent('HTMLEvents'); event.initEvent(type, true, true); event.data = data || {}; event.eventName = type; event.target = this; this.dispatchEvent(event); return this;};NodeList.prototype.trigger = function(event) { []['forEach'].call(this, function(el) { el['trigger'](event); }); return this;};轉(zhuǎn)義html標(biāo)簽

function HtmlEncode(text) { return text .replace(/&/g, '&') .replace(/'/g, ’'’) .replace(/</g, '<') .replace(/>/g, '>');}HTML標(biāo)簽轉(zhuǎn)義

// HTML 標(biāo)簽轉(zhuǎn)義// @param {Array.<DOMString>} templateData 字符串類型的tokens// @param {...} ..vals 表達(dá)式占位符的運(yùn)算結(jié)果tokens//function SaferHTML(templateData) { var s = templateData[0]; for (var i = 1; i < arguments.length; i++) { var arg = String(arguments[i]); // Escape special characters in the substitution. s += arg .replace(/&/g, '&') .replace(/</g, '<') .replace(/>/g, '>'); // Don’t escape special characters in the template. s += templateData[i]; } return s;}// 調(diào)用var html = SaferHTML`<p>這是關(guān)于字符串模板的介紹</p>`;跨瀏覽器綁定事件

//iCase: 0全到半，1半到全，其他不轉(zhuǎn)化function chgCase(sStr, iCase) { if ( typeof sStr != 'string' || sStr.length <= 0 || !(iCase === 0 || iCase == 1) ) { return sStr; } var i, oRs = [], iCode; if (iCase) { /*半->全*/ for (i = 0; i < sStr.length; i += 1) { iCode = sStr.charCodeAt(i); if (iCode == 32) { iCode = 12288; } else if (iCode < 127) { iCode += 65248; } oRs.push(String.fromCharCode(iCode)); } } else { /*全->半*/ for (i = 0; i < sStr.length; i += 1) { iCode = sStr.charCodeAt(i); if (iCode == 12288) { iCode = 32; } else if (iCode > 65280 && iCode < 65375) { iCode -= 65248; } oRs.push(String.fromCharCode(iCode)); } } return oRs.join('');}版本對(duì)比

function compressCss(s) { //壓縮代碼 s = s.replace(//*(.|n)*?*//g, ''); //刪除注釋 s = s.replace(/s*([{}:;,])s*/g, '$1'); s = s.replace(/,[s.#d]*{/g, '{'); //容錯(cuò)處理 s = s.replace(/;s*;/g, ';'); //清除連續(xù)分號(hào) s = s.match(/^s*(S+(s+S+)*)s*$/); //去掉首尾空白 return s == null ? '' : s[1];}獲取當(dāng)前路徑

var currentPageUrl = '';if (typeof this.href === 'undefined') { currentPageUrl = document.location.toString().toLowerCase();} else { currentPageUrl = this.href.toString().toLowerCase();}字符串長(zhǎng)度截取

Date.prototype.format = function(formatStr) { var str = formatStr; var Week = ['日', '一', '二', '三', '四', '五', '六']; str = str.replace(/yyyy|YYYY/, this.getFullYear()); str = str.replace( /yy|YY/, this.getYear() % 100 > 9 ? (this.getYear() % 100).toString() : '0' + (this.getYear() % 100) ); str = str.replace( /MM/, this.getMonth() + 1 > 9 ? (this.getMonth() + 1).toString() : '0' + (this.getMonth() + 1) ); str = str.replace(/M/g, this.getMonth() + 1); str = str.replace(/w|W/g, Week[this.getDay()]); str = str.replace( /dd|DD/, this.getDate() > 9 ? this.getDate().toString() : '0' + this.getDate() ); str = str.replace(/d|D/g, this.getDate()); str = str.replace( /hh|HH/, this.getHours() > 9 ? this.getHours().toString() : '0' + this.getHours() ); str = str.replace(/h|H/g, this.getHours()); str = str.replace( /mm/, this.getMinutes() > 9 ? this.getMinutes().toString() : '0' + this.getMinutes() ); str = str.replace(/m/g, this.getMinutes()); str = str.replace( /ss|SS/, this.getSeconds() > 9 ? this.getSeconds().toString() : '0' + this.getSeconds() ); str = str.replace(/s|S/g, this.getSeconds()); return str;};// 或Date.prototype.format = function(format) { var o = { 'M+': this.getMonth() + 1, //month 'd+': this.getDate(), //day 'h+': this.getHours(), //hour 'm+': this.getMinutes(), //minute 's+': this.getSeconds(), //second 'q+': Math.floor((this.getMonth() + 3) / 3), //quarter S: this.getMilliseconds() //millisecond }; if (/(y+)/.test(format)) format = format.replace( RegExp.$1, (this.getFullYear() + '').substr(4 - RegExp.$1.length) ); for (var k in o) { if (new RegExp('(' + k + ')').test(format)) format = format.replace( RegExp.$1, RegExp.$1.length == 1 ? o[k] : ('00' + o[k]).substr(('' + o[k]).length) ); } return format;};alert(new Date().format('yyyy-MM-dd hh:mm:ss'));跨瀏覽器刪除事件

String.prototype.endWith = function(s) { var d = this.length - s.length; return d >= 0 && this.lastIndexOf(s) == d;};返回腳本內(nèi)容

function getCookie(name) { var arr = document.cookie.match(new RegExp('(^| )' + name + '=([^;]*)(;|$)')); if (arr != null) return unescape(arr[2]); return null;}獲得URL中GET參數(shù)值

// 用法：如果地址是 test.htm?t1=1&t2=2&t3=3, 那么能取得：GET['t1'], GET['t2'], GET['t3']function getGet() { querystr = window.location.href.split('?'); if (querystr[1]) { GETs = querystr[1].split('&'); GET = []; for (i = 0; i < GETs.length; i++) { tmp_arr = GETs.split('='); key = tmp_arr[0]; GET[key] = tmp_arr[1]; } } return querystr[1];}獲取移動(dòng)設(shè)備初始化大小

function getPageHeight() { var g = document, a = g.body, f = g.documentElement, d = g.compatMode == 'BackCompat' ? a : g.documentElement; return Math.max(f.scrollHeight, a.scrollHeight, d.clientHeight);}獲取頁(yè)面scrollLeft

function getPageScrollLeft() { var a = document; return a.documentElement.scrollLeft || a.body.scrollLeft;}獲取頁(yè)面scrollTop

function getPageScrollTop() { var a = document; return a.documentElement.scrollTop || a.body.scrollTop;}獲取頁(yè)面可視高度

function getPageViewHeight() { var d = document, a = d.compatMode == 'BackCompat' ? d.body : d.documentElement; return a.clientHeight;}獲取頁(yè)面可視寬度

function getPageViewWidth() { var d = document, a = d.compatMode == 'BackCompat' ? d.body : d.documentElement; return a.clientWidth;}獲取頁(yè)面寬度

function getPageWidth() { var g = document, a = g.body, f = g.documentElement, d = g.compatMode == 'BackCompat' ? a : g.documentElement; return Math.max(f.scrollWidth, a.scrollWidth, d.clientWidth);}獲取移動(dòng)設(shè)備屏幕寬度

function getScrollXY() { return document.body.scrollTop ? { x: document.body.scrollLeft, y: document.body.scrollTop } : { x: document.documentElement.scrollLeft, y: document.documentElement.scrollTop };}獲取URL上的參數(shù)

// 獲取URL中的某參數(shù)值,不區(qū)分大小寫// 獲取URL中的某參數(shù)值,不區(qū)分大小寫,// 默認(rèn)是取’hash’里的參數(shù)，// 如果傳其他參數(shù)支持取‘search’中的參數(shù)// @param {String} name 參數(shù)名稱export function getUrlParam(name, type = 'hash') { let newName = name, reg = new RegExp('(^|&)' + newName + '=([^&]*)(&|$)', 'i'), paramHash = window.location.hash.split('?')[1] || '', paramSearch = window.location.search.split('?')[1] || '', param; type === 'hash' ? (param = paramHash) : (param = paramSearch); let result = param.match(reg); if (result != null) { return result[2].split('/')[0]; } return null;}檢驗(yàn)URL鏈接是否有效

function getViewSize() { var de = document.documentElement; var db = document.body; var viewW = de.clientWidth == 0 ? db.clientWidth : de.clientWidth; var viewH = de.clientHeight == 0 ? db.clientHeight : de.clientHeight; return Array(viewW, viewH);}獲取移動(dòng)設(shè)備最大化大小

function isAndroidMobileDevice() { return /android/i.test(navigator.userAgent.toLowerCase());}判斷是否蘋果移動(dòng)設(shè)備訪問(wèn)

function isAppleMobileDevice() { return /iphone|ipod|ipad|Macintosh/i.test(navigator.userAgent.toLowerCase());}判斷是否為數(shù)字類型

function isDigit(value) { var patrn = /^[0-9]*$/; if (patrn.exec(value) == null || value == '') { return false; } else { return true; }}是否是某類手機(jī)型號(hào)

// 用devicePixelRatio和分辨率判斷const isIphonex = () => { // X XS, XS Max, XR const xSeriesConfig = [ { devicePixelRatio: 3, width: 375, height: 812 }, { devicePixelRatio: 3, width: 414, height: 896 }, { devicePixelRatio: 2, width: 414, height: 896 } ]; // h5 if (typeof window !== 'undefined' && window) { const isIOS = /iphone/gi.test(window.navigator.userAgent); if (!isIOS) return false; const { devicePixelRatio, screen } = window; const { width, height } = screen; return xSeriesConfig.some( item => item.devicePixelRatio === devicePixelRatio && item.width === width && item.height === height ); } return false;};判斷是否移動(dòng)設(shè)備

function isMobileNumber(e) { var i = '134,135,136,137,138,139,150,151,152,157,158,159,187,188,147,182,183,184,178', n = '130,131,132,155,156,185,186,145,176', a = '133,153,180,181,189,177,173,170', o = e || '', r = o.substring(0, 3), d = o.substring(0, 4), s = !!/^1d{10}$/.test(o) && (n.indexOf(r) >= 0 ? '聯(lián)通' : a.indexOf(r) >= 0 ? '電信' : '1349' == d ? '電信' : i.indexOf(r) >= 0 ? '移動(dòng)' : '未知'); return s;}判斷是否是移動(dòng)設(shè)備訪問(wèn)

function isMobileUserAgent() { return /iphone|ipod|android.*mobile|windows.*phone|blackberry.*mobile/i.test( window.navigator.userAgent.toLowerCase() );}判斷鼠標(biāo)是否移出事件

function isTouchScreen() { return ( 'ontouchstart' in window || (window.DocumentTouch && document instanceof DocumentTouch) );}判斷是否為網(wǎng)址

function isViewportOpen() { return !!document.getElementById('wixMobileViewport');}加載樣式文件

function locationReplace(url) { if (history.replaceState) { history.replaceState(null, document.title, url); history.go(0); } else { location.replace(url); }}解決offsetX兼容性問(wèn)題

// 針對(duì)火狐不支持offsetX/Yfunction getOffset(e) { var target = e.target, // 當(dāng)前觸發(fā)的目標(biāo)對(duì)象 eventCoord, pageCoord, offsetCoord; // 計(jì)算當(dāng)前觸發(fā)元素到文檔的距離 pageCoord = getPageCoord(target); // 計(jì)算光標(biāo)到文檔的距離 eventCoord = { X: window.pageXOffset + e.clientX, Y: window.pageYOffset + e.clientY }; // 相減獲取光標(biāo)到第一個(gè)定位的父元素的坐標(biāo) offsetCoord = { X: eventCoord.X - pageCoord.X, Y: eventCoord.Y - pageCoord.Y }; return offsetCoord;}function getPageCoord(element) { var coord = { X: 0, Y: 0 }; // 計(jì)算從當(dāng)前觸發(fā)元素到根節(jié)點(diǎn)為止， // 各級(jí) offsetParent 元素的 offsetLeft 或 offsetTop 值之和 while (element) { coord.X += element.offsetLeft; coord.Y += element.offsetTop; element = element.offsetParent; } return coord;}打開(kāi)一個(gè)窗體通用方法

export default const fnParams2Url = obj=> { let aUrl = [] let fnAdd = function(key, value) { return key + ’=’ + value } for (var k in obj) { aUrl.push(fnAdd(k, obj[k])) } return encodeURIComponent(aUrl.join(’&’)) }去掉url前綴

function removeUrlPrefix(a) { a = a .replace(/：/g, ':') .replace(/．/g, '.') .replace(/／/g, '/'); while ( trim(a) .toLowerCase() .indexOf('http://') == 0 ) { a = trim(a.replace(/http:///i, '')); } return a;}替換全部

String.prototype.replaceAll = function(s1, s2) { return this.replace(new RegExp(s1, 'gm'), s2);};resize的操作

// 使用document.documentElement.scrollTop 或 document.body.scrollTop 獲取到頂部的距離，從頂部// 滾動(dòng)一小部分距離。使用window.requestAnimationFrame()來(lái)滾動(dòng)。// @example// scrollToTop();function scrollToTop() { var c = document.documentElement.scrollTop || document.body.scrollTop; if (c > 0) { window.requestAnimationFrame(scrollToTop); window.scrollTo(0, c - c / 8); }}設(shè)置cookie值

function setCookie(name, value, Hours) { var d = new Date(); var offset = 8; var utc = d.getTime() + d.getTimezoneOffset() * 60000; var nd = utc + 3600000 * offset; var exp = new Date(nd); exp.setTime(exp.getTime() + Hours * 60 * 60 * 1000); document.cookie = name + '=' + escape(value) + ';path=/;expires=' + exp.toGMTString() + ';domain=360doc.com;';}設(shè)為首頁(yè)

function setSort() { var text = K1.value .split(/[rn]/) .sort() .join('rn'); //順序 var test = K1.value .split(/[rn]/) .sort() .reverse() .join('rn'); //反序 K1.value = K1.value != text ? text : test;}延時(shí)執(zhí)行

// 比如 sleep(1000) 意味著等待1000毫秒，還可從 Promise、Generator、Async/Await 等角度實(shí)現(xiàn)。// Promiseconst sleep = time => { return new Promise(resolve => setTimeout(resolve, time));};sleep(1000).then(() => { console.log(1);});// Generatorfunction* sleepGenerator(time) { yield new Promise(function(resolve, reject) { setTimeout(resolve, time); });}sleepGenerator(1000) .next() .value.then(() => { console.log(1); });//asyncfunction sleep(time) { return new Promise(resolve => setTimeout(resolve, time));}async function output() { let out = await sleep(1000); console.log(1); return out;}output();function sleep(callback, time) { if (typeof callback === 'function') { setTimeout(callback, time); }}function output() { console.log(1);}sleep(output, 1000);判斷是否以某個(gè)字符串開(kāi)頭

String.prototype.startWith = function(s) { return this.indexOf(s) == 0;};清除腳本內(nèi)容

function stripscript(s) { return s.replace(/<script.*?>.*?</script>/gi, '');}時(shí)間個(gè)性化輸出功能

/*1、< 60s, 顯示為“剛剛”2、>= 1min && < 60 min, 顯示與當(dāng)前時(shí)間差“XX分鐘前”3、>= 60min && < 1day, 顯示與當(dāng)前時(shí)間差“今天 XX:XX”4、>= 1day && < 1year, 顯示日期“XX月XX日 XX:XX”5、>= 1year, 顯示具體日期“XXXX年XX月XX日 XX:XX”*/function timeFormat(time) { var date = new Date(time), curDate = new Date(), year = date.getFullYear(), month = date.getMonth() + 10, day = date.getDate(), hour = date.getHours(), minute = date.getMinutes(), curYear = curDate.getFullYear(), curHour = curDate.getHours(), timeStr; if (year < curYear) { timeStr = year + '年' + month + '月' + day + '日 ' + hour + ':' + minute; } else { var pastTime = curDate - date, pastH = pastTime / 3600000; if (pastH > curHour) { timeStr = month + '月' + day + '日 ' + hour + ':' + minute; } else if (pastH >= 1) { timeStr = '今天 ' + hour + ':' + minute + '分'; } else { var pastM = curDate.getMinutes() - minute; if (pastM > 1) { timeStr = pastM + '分鐘前'; } else { timeStr = '剛剛'; } } } return timeStr;}全角轉(zhuǎn)換為半角函數(shù)

String.prototype.trim = function() { var reExtraSpace = /^s*(.*?)s+$/; return this.replace(reExtraSpace, '$1');};// 清除左空格function ltrim(s) { return s.replace(/^(s*|　*)/, '');}// 清除右空格function rtrim(s) { return s.replace(/(s*|　*)$/, '');}隨機(jī)數(shù)時(shí)間戳

function uniqueId() { var a = Math.random, b = parseInt; return ( Number(new Date()).toString() + b(10 * a()) + b(10 * a()) + b(10 * a()) );}實(shí)現(xiàn)utf8解碼

以下是Puxiao投稿推薦的幾個(gè)函數(shù)，用作常見(jiàn)的輸入值校驗(yàn)和替換操作，主要針對(duì)中國(guó)大陸地區(qū)的校驗(yàn)規(guī)則：

校驗(yàn)是否為一個(gè)數(shù)字，以及該數(shù)字小數(shù)點(diǎn)位數(shù)是否與參數(shù)floats一致

校驗(yàn)規(guī)則：

若參數(shù)floats有值，則校驗(yàn)該數(shù)字小數(shù)點(diǎn)后的位數(shù)。若參數(shù)floats沒(méi)有值，則僅僅校驗(yàn)是否為數(shù)字。

function isNum(value,floats=null){ let regexp = new RegExp(`^[1-9][0-9]*.[0-9]{${floats}}$|^0.[0-9]{${floats}}$`); return typeof value === ’number’ && floats?regexp.test(String(value)):true;}

function isInt(value,minLength=null,maxLength=undefined){ if(!isNum(value)) return false; let regexp = new RegExp(`^-?[1-9][0-9]${anysicIntLength(minLength,maxLength)}$`); return regexp.test(value.toString());}校驗(yàn)是否為非零的正整數(shù)

function isPInt(value,minLength=null,maxLength=undefined) { if(!isNum(value)) return false; let regexp = new RegExp(`^[1-9][0-9]${anysicIntLength(minLength,maxLength)}$`); return regexp.test(value.toString());}校驗(yàn)是否為非零的負(fù)整數(shù)

function isNInt(value,minLength=null,maxLength=undefined){ if(!isNum(value)) return false; let regexp = new RegExp(`^-[1-9][0-9]${anysicIntLength(minLength,maxLength)}$`); return regexp.test(value.toString());}校驗(yàn)整數(shù)是否在取值范圍內(nèi)

校驗(yàn)規(guī)則：

minInt為在取值范圍中最小的整數(shù) maxInt為在取值范圍中最大的整數(shù)

function checkIntRange(value,minInt,maxInt=9007199254740991){ return Boolean(isInt(value) && (Boolean(minInt!=undefined && minInt!=null)?value>=minInt:true) && (value<=maxInt));}校驗(yàn)是否為中國(guó)大陸手機(jī)號(hào)

function isTel(value) { return /^1[3,4,5,6,7,8,9][0-9]{9}$/.test(value.toString());}校驗(yàn)是否為中國(guó)大陸傳真或固定電話號(hào)碼

function isFax(str) { return /^([0-9]{3,4})?[0-9]{7,8}$|^([0-9]{3,4}-)?[0-9]{7,8}$/.test(str);}校驗(yàn)是否為郵箱地址

function isEmail(str) { return /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(.[a-zA-Z0-9_-]+)+$/.test(str);}校驗(yàn)是否為QQ號(hào)碼

校驗(yàn)規(guī)則：

非0開(kāi)頭的5位-13位整數(shù)

function isQQ(value) { return /^[1-9][0-9]{4,12}$/.test(value.toString());}校驗(yàn)是否為網(wǎng)址

校驗(yàn)規(guī)則：

以https://、http://、ftp://、rtsp://、mms://開(kāi)頭、或者沒(méi)有這些開(kāi)頭可以沒(méi)有www開(kāi)頭(或其他二級(jí)域名)，僅域名網(wǎng)頁(yè)地址中允許出現(xiàn)/%*?@&等其他允許的符號(hào)

function isURL(str) { return /^(https://|http://|ftp://|rtsp://|mms://)?[a-zA-Z0-9_-]+(.[a-zA-Z0-9_-]+)+[/=?%-&_~`@[]’:+!]*([^<>''])*$/.test(str);}校驗(yàn)是否為不含端口號(hào)的IP地址

校驗(yàn)規(guī)則：

IP格式為xxx.xxx.xxx.xxx，每一項(xiàng)數(shù)字取值范圍為0-255 除0以外其他數(shù)字不能以0開(kāi)頭，比如02

function isIP(str) { return /^((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9]).){3}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])$/.test(str);}校驗(yàn)是否為IPv6地址

校驗(yàn)規(guī)則：

支持IPv6正常格式支持IPv6壓縮格式

function isIPv6(str){ return Boolean(str.match(/:/g)?str.match(/:/g).length<=7:false && /::/.test(str)?/^([da-f]{1,4}(:|::)){1,6}[da-f]{1,4}$/i.test(str):/^([da-f]{1,4}:){7}[da-f]{1,4}$/i.test(str));}校驗(yàn)是否為中國(guó)大陸第二代居民身份證

校驗(yàn)規(guī)則：

共18位，最后一位可為X(大小寫均可) 不能以0開(kāi)頭出生年月日會(huì)進(jìn)行校驗(yàn)：年份只能為18/19/2*開(kāi)頭，月份只能為01-12，日只能為01-31

function isIDCard(str){ return /^[1-9][0-9]{5}(18|19|(2[0-9]))[0-9]{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)[0-9]{3}[0-9Xx]$/.test(str);}校驗(yàn)是否為中國(guó)大陸郵政編碼

參數(shù)value為數(shù)字或字符串

校驗(yàn)規(guī)則：

共6位，且不能以0開(kāi)頭

function isPostCode(value){ return /^[1-9][0-9]{5}$/.test(value.toString());}校驗(yàn)兩個(gè)參數(shù)是否完全相同，包括類型

校驗(yàn)規(guī)則：

值相同，數(shù)據(jù)類型也相同

function same(firstValue,secondValue){ return firstValue===secondValue;}校驗(yàn)字符的長(zhǎng)度是否在規(guī)定的范圍內(nèi)

校驗(yàn)規(guī)則：

minInt為在取值范圍中最小的長(zhǎng)度 maxInt為在取值范圍中最大的長(zhǎng)度

function lengthRange(str,minLength,maxLength=9007199254740991) { return Boolean(str.length >= minLength && str.length <= maxLength);}校驗(yàn)字符是否以字母開(kāi)頭

校驗(yàn)規(guī)則：

必須以字母開(kāi)頭開(kāi)頭的字母不區(qū)分大小寫

function letterBegin(str){ return /^[A-z]/.test(str);}校驗(yàn)字符是否為純數(shù)字(整數(shù))

校驗(yàn)規(guī)則：

字符全部為正整數(shù)(包含0) 可以以0開(kāi)頭

function pureNum(str) { return /^[0-9]*$/.test(str);}

function anysicPunctuation(str){ if(!str) return null; let arr = str.split(’’).map(item => { return item = ’’ + item; }); return arr.join(’|’);}

function getPunctuation(str){ return anysicPunctuation(str) || ’~|`|!|@|#|$|%|^|&|*|(|)|-|_|+|=||||[|]|{|}|;|:|'|’|,|<|.|>|/|?’;}

LIP縮寫的由來(lái)：L(letter 字母) + I(uint 數(shù)字) + P(punctuation 標(biāo)點(diǎn)符號(hào))

參數(shù)punctuation的說(shuō)明：

punctuation指可接受的標(biāo)點(diǎn)符號(hào)集若需自定義符號(hào)集，例如“僅包含中劃線和下劃線”，將參數(shù)設(shè)置為'-_'即可若不傳值或默認(rèn)為null，則內(nèi)部默認(rèn)標(biāo)點(diǎn)符號(hào)集為除空格外的其他英文標(biāo)點(diǎn)符號(hào)：~`!@#$%^&*()-_+=[]{};:'’,<.>/?

function getLIPTypes(str,punctuation=null){ let p_regexp = new RegExp(’[’+getPunctuation(punctuation)+’]’); return /[A-z]/.test(str) + /[0-9]/.test(str) + p_regexp.test(str);}校驗(yàn)字符串構(gòu)成的種類數(shù)量是否大于或等于參數(shù)num的值。通常用來(lái)校驗(yàn)用戶設(shè)置的密碼復(fù)雜程度。

校驗(yàn)規(guī)則：

參數(shù)num為需要構(gòu)成的種類(字母、數(shù)字、標(biāo)點(diǎn)符號(hào))，該值只能是1-3。默認(rèn)參數(shù)num的值為1，即表示：至少包含字母，數(shù)字，標(biāo)點(diǎn)符號(hào)中的1種若參數(shù)num的值為2，即表示：至少包含字母，數(shù)字，標(biāo)點(diǎn)符號(hào)中的2種若參數(shù)num的值為3，即表示：必須同時(shí)包含字母，數(shù)字，標(biāo)點(diǎn)符號(hào) 參數(shù)punctuation指可接受的標(biāo)點(diǎn)符號(hào)集，具體設(shè)定可參考getLIPTypes()方法中關(guān)于標(biāo)點(diǎn)符號(hào)集的解釋。

function pureLIP(str,num=1,punctuation=null){ let regexp = new RegExp(`[^A-z0-9|${getPunctuation(punctuation)}]`); return Boolean(!regexp.test(str) && getLIPTypes(str,punctuation)>= num);}清除所有空格

function clearSpaces(str){ return str.replace(/[ ]/g,’’);}清除所有中文字符(包括中文標(biāo)點(diǎn)符號(hào))

function clearCNChars(str){ return str.replace(/[u4e00-u9fa5]/g,’’);}清除所有中文字符及空格

function clearCNCharsAndSpaces(str){ return str.replace(/[u4e00-u9fa5 ]/g,’’);}除保留標(biāo)點(diǎn)符號(hào)集以外，清除其他所有英文的標(biāo)點(diǎn)符號(hào)(含空格)

全部英文標(biāo)點(diǎn)符號(hào)為： ~`!@#$%^&*()-_+=[]{};:'’,<.>/?

參數(shù)excludePunctuation指需要保留的標(biāo)點(diǎn)符號(hào)集，例如若傳遞的值為’_’，即表示清除_以外的其他所有英文標(biāo)點(diǎn)符號(hào)。

function clearPunctuation(str,excludePunctuation=null){ let regexp = new RegExp(`[${getExcludePunctuation(excludePunctuation)}]`,’g’); return str.replace(regexp,’’);}校驗(yàn)是否包含空格

function haveSpace(str) { return /[ ]/.test(str);}校驗(yàn)是否包含中文字符(包括中文標(biāo)點(diǎn)符號(hào))

function haveCNChars(str){ return /[u4e00-u9fa5]/.test(str);}

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。

更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題：《JavaScript常用函數(shù)技巧匯總》、《javascript面向?qū)ο笕腴T教程》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

JavaScript

上一條：JavaScript布爾運(yùn)算符原理使用解析下一條：JavaScript函數(shù)重載操作實(shí)例淺析

相關(guān)文章：

1. ASP中常用的22個(gè)FSO文件操作函數(shù)整理2. 無(wú)線標(biāo)記語(yǔ)言(WML)基礎(chǔ)之WMLScript 基礎(chǔ)第1/2頁(yè)3. ASP調(diào)用WebService轉(zhuǎn)化成JSON數(shù)據(jù)，附j(luò)son.min.asp4. .Net core 的熱插拔機(jī)制的深入探索及卸載問(wèn)題求救指南5. SharePoint Server 2019新特性介紹6. html清除浮動(dòng)的6種方法示例7. asp的SQL語(yǔ)句中and和or同時(shí)使用的注意事項(xiàng)8. 讀大數(shù)據(jù)量的XML文件的讀取問(wèn)題9. ASP.NET Core 5.0中的Host.CreateDefaultBuilder執(zhí)行過(guò)程解析10. React+umi+typeScript創(chuàng)建項(xiàng)目的過(guò)程

排行榜

					
					JS正則表達(dá)式常見(jiàn)函數(shù)與用法小結(jié)
springboot中的springSession的存儲(chǔ)和獲取實(shí)現(xiàn)
python pandas模糊匹配 讀取Excel后 獲取指定指標(biāo)的操作
django實(shí)現(xiàn)模型字段動(dòng)態(tài)choice的操作
IDEA快速搭建jsp項(xiàng)目的圖文教程
python switch 實(shí)現(xiàn)多分支選擇功能
Django 解決model 反向引用中的related_name問(wèn)題
解決Python 進(jìn)程池Pool中一些坑
IntelliJ IDEA調(diào)整字體大小的方法
使用UML編寫Java應(yīng)用程序 (1)
ASP.NET Core 5.0中的Host.CreateDefaultBuilder執(zhí)行過(guò)程解析
				