How to use JavaScript tool functions to improve development efficiency

This article will explain in detail how to use JavaScript tool functions to improve development efficiency. The editor thinks it is very practical, so I share it with you as a reference. I hope you can get something after reading this article.

Utility functions:

1. Numeric operation (1) generates a specified range of random numbers (2) digit microdigit separation export const format = (n) = > {let num = n.toString (); let len = num.length; if (len 0) {/ / is not an integer multiple of 3 return num.slice (0, remainder) +','+ num.slice (remainder, len). Match (/\ d {3} / g) .join (',') + temp } else {/ / 3 is an integer multiple of return num.slice (0, len). Match (/\ d {3} / g) .join (',') + temp;}} 2. Array operation (1) Array disorder export const arrScrambling = (arr) = > {for (let I = 0; I)

< arr.length; i++) { const randomIndex = Math.round(Math.random() * (arr.length - 1 - i)) + i; [arr[i], arr[randomIndex]] = [arr[randomIndex], arr[i]]; } return arr;}（2）数组扁平化export const flatten = (arr) =>

{let result = []; for (let I = 0; I

< arr.length; i++) { if(Array.isArray(arr[i])) { result = result.concat(flatten(arr[i])); } else { result.push(arr[i]); } } return result;}（3）数组中获取随机数export const sample = arr =>

Arr [Math.floor (Math.random () * arr.length)]; 3. String operation (1) generates random strings export const randomString = (len) = > {let chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz123456789'; let strLen = chars.length; let randomStr =''; for (let I = 0; I

< len; i++) { randomStr += chars.charAt(Math.floor(Math.random() * strLen)); } return randomStr;};（2）字符串首字母大写export const fistLetterUpper = (str) =>

{return str.charAt (0). ToUpperCase () + str.slice (1);}; (3) the middle four digits of the mobile phone number become * export const telFormat = (tel) = > {tel = String (tel); return tel.substr (0Magne3) + "*" + tel.substr (7);} (4) convert hump naming to short horizontal line naming export const getKebabCase = (str) = > {return str.replace (/ [Amurz] / g, (item) = >'-'+ item.toLowerCase ()} (5) short horizontal line naming to hump naming export const getCamelCase = (str) = > {return str.replace (/-([Amurz])) / g, (I) Item) = > item.toUpperCase ()} (6) convert full-width to half-width export const toCDB = (str) = > {let result = "" For (let I = 0; I

< str.length; i++) { code = str.charCodeAt(i); if (code >

= 65281 & & code {let result = ""; for (let I = 0; I

< str.length; i++) { code = str.charCodeAt(i); if (code >

= 33 & & code {const fraction = ['corner', 'minute']; const digit = ['zero', 'one','II','3', 'restaurant','Wu','Lu','Qi', 'Qing', 'nine'] Const unit = [['Yuan', 'Wan', '100 million], ['', 'pick up', 'hundred', 'Qian']; n = Math.abs (n); let s =''; for (let I = 0; I

< fraction.length; i++) { s += (digit[Math.floor(n * 10 * Math.pow(10, i)) % 10] + fraction[i]).replace(/零./, ''); } s = s || '整'; n = Math.floor(n); for (let i = 0; i < unit[0].length && n >

0; iTunes +) {let p =''; for (let j = 0; j

< unit[1].length && n >

0; jacks +) {p = digit [n% 10] + unit [1] [j] + p; n = Math.floor (n / 10);} s = p.replace (/ (zero.) * zero $/,'). Replace (/ ^ $/, 'zero) + unit [0] [I] + s } return s.replace (/ (zero.) * zero yuan /, 'yuan'). Replace (/ (zero.) + / g, 'zero'). Replace (/ ^ integer $/, 'zero integer');}; (2) convert numbers into Chinese numerals export const intToChinese = (value) = > {const str = String (value); const len = str.length-1 Const idxs = [', 'ten', 'hundred', 'thousand', 'thousand', 'ten', 'hundred', 'thousand', 'ten', 'ten', 'hundred', 'thousand', 'hundred']; const num = ['zero', 'one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine'] Return str.replace (/ ([1-9] | 0 +) / g, ($, $1, idx, full) = > {let pos = 0; if ($1 [0]! = ='0') {pos = len-idx; if (idx = = 0 & & $1 [0] = = 1 & & idxs [len-idx] = ='X') {return idxs [len-idx];} return num [$1 [0]] + idxs [len-idx] } else {let left = len-idx; let right = len-idx + $1.Ths; if (Math.floor (right / 4)-Math.floor (left / 4) > 0) {pos = left-left% 4;} if (pos) {return idxs [pos] + num [$1 [0]];} else if (idx + $1.length > = len) {return' } else {return num [$1 [0]]});} 5. Operational storage (1) Storage loalStorageexport const loalStorageSet = (key, value) = > {if (! key) return; if (typeof value! = = 'string') {value = JSON.stringify (value);} window.localStorage.setItem (key, value);}; (2) get localStorageexport const loalStorageGet = (key) = > {if (! key) return; return window.localStorage.getItem (key);} (3) delete localStorageexport const loalStorageRemove = (key) = > {if (! key) return; window.localStorage.removeItem (key);}; (4) store sessionStorageexport const sessionStorageSet = (key, value) = > {if (! key) return; if (typeof value! = = 'string') {value = JSON.stringify (value);} window.sessionStorage.setItem (key, value)}; (5) get sessionStorageexport const sessionStorageGet = (key) = > {if (! key) return Return window.sessionStorage.getItem (key)}; (6) delete sessionStorageexport const sessionStorageRemove = (key) = > {if (! key) return; window.sessionStorage.removeItem (key)}; 6. Operation cookie (1) set cookieexport const setCookie = (key, value, expire) = > {const d = new Date (); d.setDate (d.getDate () + expire); [xss_clean] = `$ {key} = ${value}; expires=$ {d.toUTCString ()} `}; (2) read cookieexport const getCookie = (key) = > {const cookieStr = unescape ([xss_clean]); const arr = cookieStr.split (';'); let cookieValue ='' For (let I = 0; I

< arr.length; i++) { const temp = arr[i].split('='); if (temp[0] === key) { cookieValue = temp[1]; break } } return cookieValue};（3）删除cookieexport const delCookie = (key) =>

{[xss_clean] = `${encodeURIComponent (key)} =; expires=$ {new Date ()}`}; 7. Format verification (1) check ID card number export const checkCardNo = (value) = > {let reg = / (^\ d {15} $) | (^\ d {18} $) | (^\ d {17} (\ d | X | x) $) /; return reg.test (value);}; (2) verify whether it contains Chinese export const haveCNChars = > (value) = > {return / [\ u4e00 -\ u9fa5] / .test (value) } (3) verify whether the zip code of Chinese mainland is export const isPostCode = (value) = > {return / ^ [1-9] [0-9] {5} $/ .test (value.toString ());} (4) verify whether it is an IPv6 address

Export const isIPv6 = (str) = > {return Boolean (str.match (/: / g)? str.match (/: / g). Length {return / ^ 1 [3 return / ^ 1 [3, 4, 5, 6, 7, 8, 9] [0-9] {9} $/ .test (value.toString ());} (7) check whether it contains emoji emoticons export const isEmojiCharacter = (value) = > {value = String (value); for (let I = 0; I < value.length) If +) {const hs = value.charCodeAt (I); if (0xd800)