前端常用60余种工具方法（下）
2024-04-02 07:18:25
前端常用60余种工具方法（上）
41.将数字转换为大写金额
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;
}42.判断一个元素是否在数组中
export const contains = (arr, val) => {return arr.indexOf(val) != -1 ? true : false;
}43.数组排序，{type} 1：从小到大 2：从大到小 3：随机
export const sort = (arr, type = 1) => {return arr.sort((a, b) => {switch (type) {case 1:return a - b;case 2:return b - a;case 3:return Math.random() - 0.5;default:return arr;}})
}44.去重
export const unique = (arr) => {if (Array.hasOwnProperty('from')) {return Array.from(new Set(arr));} else {var n = {}, r = [];for (var i = 0; i < arr.length; i++) {if (!n[arr[i]]) {n[arr[i]] = true;r.push(arr[i]);}}return r;}
}45.求两个集合的并集
export const union = (a, b) => {var newArr = a.concat(b);return this.unique(newArr);
}46.求两个集合的交集
export const intersect = (a, b) => {var _this = this;a = this.unique(a);return this.map(a, function (o) {return _this.contains(b, o) ? o : null;});
}47.删除其中一个元素
export const remove = (arr, ele) => {var index = arr.indexOf(ele);if (index > -1) {arr.splice(index, 1);}return arr;
}48.将类数组转换为数组
export const formArray = (ary) => {var arr = [];if (Array.isArray(ary)) {arr = ary;} else {arr = Array.prototype.slice.call(ary);};return arr;
}49.最大值
export const max = (arr) => {return Math.max.apply(null, arr);
}50.最小值
export const min = (arr) => {return Math.min.apply(null, arr);
}51.求和
export const sum = (arr) => {return arr.reduce((pre, cur) => {return pre + cur})
}52.平均值
export const average = (arr) => {return this.sum(arr) / arr.length
}53.去除空格,type: 1-所有空格 2-前后空格 3-前空格 4-后空格
export const trim = (str, type) => {type = type || 1switch (type) {case 1:return str.replace(/\s+/g, "");case 2:return str.replace(/(^\s*)|(\s*$)/g, "");case 3:return str.replace(/(^\s*)/g, "");case 4:return str.replace(/(\s*$)/g, "");default:return str;}
}54.字符转换，type: 1:首字母大写 2：首字母小写 3：大小写转换 4：全部大写 5：全部小写
export const changeCase = (str, type) => {type = type || 4switch (type) {case 1:return str.replace(/\b\w+\b/g, function (word) {return word.substring(0, 1).toUpperCase() + word.substring(1).toLowerCase();});case 2:return str.replace(/\b\w+\b/g, function (word) {return word.substring(0, 1).toLowerCase() + word.substring(1).toUpperCase();});case 3:return str.split('').map(function (word) {if (/[a-z]/.test(word)) {return word.toUpperCase();} else {return word.toLowerCase()}}).join('')case 4:return str.toUpperCase();case 5:return str.toLowerCase();default:return str;}
}55.检测密码强度
export const checkPwd = (str) => {var Lv = 0;if (str.length < 6) {return Lv}if (/[0-9]/.test(str)) {Lv++}if (/[a-z]/.test(str)) {Lv++}if (/[A-Z]/.test(str)) {Lv++}if (/[\.|-|_]/.test(str)) {Lv++}return Lv;
}56.函数节流器
export const debouncer = (fn, time, interval = 200) => {if (time - (window.debounceTimestamp || 0) > interval) {fn && fn();window.debounceTimestamp = time;}
}57.在字符串中插入新字符串
export const insertStr = (soure, index, newStr) => {var str = soure.slice(0, index) + newStr + soure.slice(index);return str;
}58.判断两个对象是否键值相同
export const isObjectEqual = (a, b) => {var aProps = Object.getOwnPropertyNames(a);var bProps = Object.getOwnPropertyNames(b);if (aProps.length !== bProps.length) {return false;}for (var i = 0; i < aProps.length; i++) {var propName = aProps[i];if (a[propName] !== b[propName]) {return false;}}return true;
}59.16进制颜色转RGBRGBA字符串
export const colorToRGB = (val, opa) => {var pattern = /^(#?)[a-fA-F0-9]{6}$/; //16进制颜色值校验规则var isOpa = typeof opa == 'number'; //判断是否有设置不透明度if (!pattern.test(val)) { //如果值不符合规则返回空字符return '';}var v = val.replace(/#/, ''); //如果有#号先去除#号var rgbArr = [];var rgbStr = '';for (var i = 0; i < 3; i++) {var item = v.substring(i * 2, i * 2 + 2);var num = parseInt(item, 16);rgbArr.push(num);}rgbStr = rgbArr.join();rgbStr = 'rgb' + (isOpa ? 'a' : '') + '(' + rgbStr + (isOpa ? ',' + opa : '') + ')';return rgbStr;
}60.追加url参数
export const appendQuery = (url, key, value) => {var options = key;if (typeof options == 'string') {options = {};options[key] = value;}options = $.param(options);if (url.includes('?')) {url += '&' + options} else {url += '?' + options}return url;
}源码地址：github，欢迎指正或star
来源：思否 作者：vipbic
点击这里，了解更多精彩内容
前端常用60余种工具方法（下）相关推荐
- 前端常用60余种工具方法（上）
1.邮箱 export const isEmail = (s) => {return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2, ...
- 前端常用 60 余种工具方法
转载自 前端大全 作者:vipbic https://segmentfault.com/a/1190000022736837 邮箱 export const isEmail = (s) => { ...
- 【总结】前端常用60余种校验类工具方法
工欲善其事必先利其器,前端开发有时会处理一部分后台返回的数据或者根据数据判断做一些处理,这个时候就非常有必要将一些常用的工具类封装起来. 1.邮箱 export const isEmail = (s) ...
- 前端js校验常用的60余种工具方法
1.邮箱 export const isEmail = (s) => {return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2, ...
- 前端常用的几种加密方法
目前在前端开发中基本都会用到加密,最常见的就是登录密码的加密.接下来会为大家介绍几种加密方法. md5 加密 MD5 加密后的位数有两种:16 位与 32 位.默认使用32位. (16 位实际上是从 ...
- vue中60余种工具类
1.邮箱 export const isEmail = (s) => {return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2, ...
- 前端常用的 59 个工具类【持续更新】
#前端常用的 59 个工具类[持续更新] 前言 前端开发有时会处理一部分后台返回的数据,或者根据数据判断做一些处理; 这个时候就非常有必要将一些常用的工具类封装起来; 本文根据常用的一些工具类封装了 ...
- 支付宝升级商家积分等服务 商家积分权益增至60余种
12月7日消息,据"支付宝开放平台"公众号发布的消息,为进一步帮助小微商家降本增效,支付宝开放平台持续投入,12月起,针对小微商家的新举措商家营销工具"赚钱红包" ...
- 颗粒物检测仪常用的三种检测方法
颗粒物检测仪的测量原理:仪器由组装好的传感器和数据处理器组成.传感器是本装置数据采集的重要部件,原理是将激光束通过非球面镜组变为功率密度均匀分布的细小测量光束,在光束道的侧前方,前方焦点对准光束道,后 ...
最新文章
- php 为啥报错,php Soap 报错 求大神帮忙看看为什么
- ui设计培训需要什么基础?如何入门学习?
- python编码格式
- 【HDU1582 HDU1452 HDU1098 HDU3524 HDU1005 HDU2623 HDU2674】
- 关于获取客户端Mac地址
- 计算机基础课程金课建设,大学计算机基础金课建设探索与实践
- hash 数据类型的应用场景
- vSAN其实很简单-vSAN盘他之重新部署vCenter
- C语言编程数出1到100的整数中出现了多少次数字9
- LeetCode（705）——设计哈希集合（JavaScript）
- 软件架构 —— 消息范式
- 怎么使用Vegas制作炫彩灯光效果？
- UnityShader[3]屏幕后处理学习笔记
- Jupyter notebook系列（2）：使用技巧（快捷键，多行输出，多光标操作，Unix系统命令的使用，查看输入输出历史，保存记录点与分享，抑制文末输出，图片输出，多环境kernel切换）
- 开启双重验证后无法登录Outlook桌面版的解决方法
- Vuforia入门之简单图片识别案例（一）
- 国产手机提价终遭受重大损失，降价的苹果反而逆势增长
- CentOS 7：设置静态/动态ip地址
- MDM9607 SE1801A安全芯片调试记录
- Arcgis js featureLayer加载完成之后，对其加载的要素重新定义样式