備注說明： 創作都是根據自己日積月累創建的，是作者的勞動成果，不經允許禁止轉載，一旦發現將承擔法律責任。

創建一個Utils.js文件，復制下面代碼；

在需要的地方引入或者全局引入；

話不多說，直接上代碼：

/*** create By Jane * 通用的數據處理和驗證類 */ export default class Utils {/*** 檢查是否為空數組 空數組返回 true* @param {Array} arr 數組* @return Boolean*/static isEmptyArr(arr) {if (!Array.isArray(arr)) throw new Error('isEmptyArr 參數不是一個數組');if (!arr.length) return true;return false;}/*** 是否是空 不為空false 為空true* @param {any} opt 驗證參數* @return Boolean*/static isNull(opt) {if (opt == '' || opt == null || opt == undefined) return true;return false;}/*** 校驗密碼* @param phone* @returns {boolean}*/static checkPassword(phone) {let reg = /^(?=.*[a-zA-Z])(?=.*\d)(?=.*[~!@#$%^&*()_+`\-={}:";'<>?,./]).{8,}$/;return reg.test(phone);}/*** 校驗手機號格式* @param phone* @returns {boolean}*/static checkPhone(phone) {let reg = /^1[3456789]\d{9}$/;return reg.test(phone);}/*** 校驗郵箱格式* @param email* @returns {boolean}*/static checkEmail(email) {let reg = /^\w+@[a-z0-9]+\.[a-z]{2,4}$/;return reg.test(email);}/*** 校驗身份證號格式* @param email* @returns {boolean}*/static checkCardNo(email) {let reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;return reg.test(email);}/*** 校驗值長度 不少于6位數* @param email* @returns {boolean}*/static checkValueLength(password, min = 6, max = 0) {let regExp = new RegExp(`^[\\s\\S]{${min || ''},${max || ''}}$`);return regExp.test(password);}/*** 電話號碼加密*/static phoneEncryption(phone) {return phone.replace(/^(\d{3})\d{4}(\d+)/, '$1****$2')}/**表單驗證重量、金額輸入* @param {Object} value*/static checkMoney(value) {let reg = /\d{1,}\.{0,1}\d{0,2}/;if (value.replace(reg, '')) {value = (value.match(reg) == null ? '' : value.match(reg));}if((value >= 1) && (`${value}`.indexOf(0) == 0)){value = parseFloat(value);}if(`${value}`.indexOf('00') == 0){value = 0;}return value;}/**驗證輸入的錢 * @param {Object} value*/static isMoney(value) {var reg = /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/;if (reg.test(value)) {return true;} else {return false;};} // 驗證是否是數字 static isNumber(value) {var reg = /^[0-9]*[1-9][0-9]*$/;if (reg.test(value)) {return true;} else {return false;};}/*** 處理數據 ：可把制定相同的key值得對象存儲到下級得children中*/static mergeData(list = [], key, name = 'children') {const data = [];list.forEach((item, index) => {const parent = data.find((i) => i[key] === item[key]);if (parent) {parent[name].push({...item});} else {let obj = {...item};if (!obj[name]) {obj[name] = [];}obj[name].push({...item});data.push(obj);}});return data;}//生成唯一IDstatic getID() {const now = new Date()const year = now.getFullYear();let month = now.getMonth() + 1;let day = now.getDate();let hour = now.getHours();let minutes = now.getMinutes();let seconds = now.getSeconds();month = month < 10 ? '0' + month : month;day = day < 10 ? '0' + day : day;hour = hour < 10 ? '0' + hour : hour;minutes = minutes < 10 ? '0' + minutes : minutes;seconds = seconds < 10 ? '0' + seconds : seconds;const yyyyMMddHHmmss = `${year}${month}${day}${hour}${minutes}${seconds}`;const rand = Math.random().toString(10).substr(2, 10);return `${yyyyMMddHHmmss}${rand}`;};//生成編碼唯一 static getAutoWasteID(name = '9') {const rand = Math.random().toString(8).substr(2, 8);return name + new Date().Format('yyMMdd') + rand;};static shakeFun(timer,time = 1000,callback) {clearTimeout(timer);timer = setTimeout(() => {callback();}, time);}; }

總結

以上是生活随笔為你收集整理的自定义验证和数据处理的Utils工具类，适用Vue / React / UnApp / Meter / Nodejs的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。