js封装api接口（一些好用的javascript/typescript方法封装分享）

1
  
  
  
  
  
  
  
  、数字格式化

JS版-直接写到原型链上 /** * @author: silencetea * @name: * @description: 数字格式化                ，默认每三位用英文逗号分隔 * @param {number} number 要格式化的数字 * @param {number} decimals 保留几位小数
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 ，默认不保留小数 * @param {string} dec_point 小数点符号















，默认“.
  
  
  
  
  
  
  
  ” * @param {string} thousands_sep 千分位符号 
  
  
  
  
  
  
  
 ，默认英文逗号 * @return {*} */ Number.Format = (number, decimals, dec_point, thousands_sep) => { number = (number + "").replace(/[^0-9+-Ee.]/g, ""); let n = !isFinite(+number) ? 0 : +number, prec = !isFinite(+decimals) ? 0 : Math.abs(decimals), sep = typeof thousands_sep === "undefined" ? "," : thousands_sep, dec = typeof dec_point === "undefined" ? "." : dec_point, s = "", toFixedFix = function (n, prec) { let k = Math.pow(10, prec); return "" + Math.ceil(n * k) / k; }; s = (prec ? toFixedFix(n, prec) : "" + Math.round(n)).split("."); let re = /(-?\d+)(\d{3})/; while (re.test(s[0])) { s[0] = s[0].replace(re, "$1" + sep + "$2"); } // 小数点后位数不够补0
  
  
  
  
  
  
  
  ，需要补0
 


 


 


 


 


 


 


 

，放开下方被注释的代码即可 // if ((s[1] || "").length < prec) { // s[1] = s[1] || ""; // s[1] += new Array(prec - s[1].length + 1).join("0"); // } return s.join(dec); }; JS版-封装方法 /** * @author: silencetea * @name: numberFormat * @description: 数字格式化 
 
 
 
 
 
 
 
，默认每三位用英文逗号分隔 * @param {number} number 要格式化的数字 * @param {number} decimals 保留几位小数
   
   
   
   
   
   
   
   ，默认不保留小数 * @param {string} dec_point 小数点符号
 

 

 

 

 

 

 

 
，默认“.  
  
  
  
  
  
  
  
” * @param {string} thousands_sep 千分位符号 

 

 

 

 

 

 

 

，默认英文逗号 * @return {*} */ const numberFormat = ( number, decimals = 0, dec_point = ., thousands_sep = ,, ) => { let numberStr = (number + ).replace(/[^0-9+-Ee.]/g, ); let n = !isFinite(+numberStr) ? 0 : +numberStr, prec = !isFinite(+decimals) ? 0 : Math.abs(decimals), sep = typeof thousands_sep === undefined ? , : thousands_sep, dec = typeof dec_point === undefined ? . : dec_point, s, toFixedFix = function (n, prec) { let k = Math.pow(10, prec); return + Math.ceil(n * k) / k; }; s = (prec ? toFixedFix(n, prec) : + Math.round(n)).split(.); let re = /(-?\d+)(\d{3})/; while (re.test(s[0])) { s[0] = s[0].replace(re, $1 + sep + $2); } // 小数点后位数不够补0                ，不需要补0可以注释掉 if ((s[1] || ).length < prec) { s[1] = s[1] || ; s[1] += new Array(prec - s[1].length + 1).join(0); } return s.join(dec); }; TS版-封装方法 /** * @author: silencetea * @name: numberFormat * @description: 数字格式化

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 ，默认每三位用英文逗号分隔 * @param {number} number 要格式化的数字 * @param {number} decimals 保留几位小数















，默认不保留小数 * @param {string} dec_point 小数点符号                        ，默认“.
 


 


 


 


 


 


 


 

” * @param {string} thousands_sep 千分位符号
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 ，默认英文逗号 * @return {*} */ const numberFormat = ( number: number, decimals: number = 0, dec_point: string = ., thousands_sep: string = ,, ) => { let numberStr = (number + ).replace(/[^0-9+-Ee.]/g, ); let n = !isFinite(+numberStr) ? 0 : +numberStr, prec = !isFinite(+decimals) ? 0 : Math.abs(decimals), sep = typeof thousands_sep === undefined ? , : thousands_sep, dec = typeof dec_point === undefined ? . : dec_point, s, toFixedFix = function (n: number, prec: number) { let k = Math.pow(10, prec); return + Math.ceil(n * k) / k; }; s = (prec ? toFixedFix(n, prec) : + Math.round(n)).split(.); let re = /(-?\d+)(\d{3})/; while (re.test(s[0])) { s[0] = s[0].replace(re, $1 + sep + $2); } if ((s[1] || ).length < prec) { s[1] = s[1] || ; s[1] += new Array(prec - s[1].length + 1).join(0); } return s.join(dec); };

2  
  
  
  
  
  
  
  
、字节进级换算

JS版-封装方法 /** * @author: silencetea * @name: * @description: 字节进级换算 * @param {number} number 要换算的数字 * @param {string} unit 数字单位























，默认KB * @param {number} lev 数字超过多少位进行换算                ，默认5 * @param {Array<string>} sizes 数组
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 ，进位的各级单位 * @return {*} */ Number.GBToSize = (number, unit=KB, lev = 5, sizes = ["KB", "MB" ,"GB", "TB", "PB", "EB", "ZB", "YB"]) => { if (typeof number !== number) { return {}; } let num = number, i = sizes.indexOf(unit); while (num.toString().split(.)[0].length > lev) { num = Math.round(num / 1024); i++; } return { num: num, unit: sizes[i], }; };

3
 


 


 


 


 


 


 


 

、个
 
 
 
 
 
 
 
 、万   
   
   
   
   
   
   
   
、十万等换算

JS版-封装方法 /** * @author: silencetea * @name: orderOfMagnitudeConversion * @description: 个
 

 

 

 

 

 

 

 
、万

 

 

 

 

 

 

 

 、十万等换算 * @return {*} * @param {number} number 要换算的数字 * @param {string} unit 传入的数字单位















，默认无 
  
  
  
  
  
  
  
 ，即“个
 
 
 
 
 
 
 
 ” */ const orderOfMagnitudeConversion = ( number, unit = ) => { let k = [1, 10000, 1000], sizes = [, 万, 千万], num = number, i = sizes.indexOf(unit); while ((num.toString() + sizes[i]).length > 6) { if (i >= k.length - 1) { // console.log("break", num.toString() + sizes[i]) break; } else { i++; num = Math.round(num / k[i]); } } return { num: numberFormat(num), unit: sizes[i] }; };

4                、数字数组排序
  
  
  
  
  
  
  
  ，默认从小到大

TS版-封装方法 /** * @author: silencetea * @name: sortNumberArray * @description: 数字数组排序
 


 


 


 


 


 


 


 

，默认升序：从小到大 * @param {Array<number>} data * @param {string} sortType 排序方式 
 
 
 
 
 
 
 
，asc升序
   
   
   
   
   
   
   
   ，desc降序 * @return {*} */ const sortNumberArray = ( data: Array<number>, sortType: string = "asc" ) => { if (sortType === "asc") { data.sort((x: number, y: number) => { return x - y; }); } else if (sortType === "desc") { data.sort((x: number, y: number) => { return y - x; }); } return data; };

5
 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 
、日期格式化
 

 

 

 

 

 

 

 
，调用方式 

 

 

 

 

 

 

 

，new Date(datevalue).Format(yyyy-MM-dd HH:mm:ss)                ，或者new Date().Format(yyyy-MM-dd)

JS版-直接写到原型链上 /** * @author: silencetea * @name: sortNumberArray * @description: 数字数组排序

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 ，默认升序：从小到大 * @param {any} fmt 要以何种格式格式化 * @return {*} */ Date.prototype.Format = (fmt) => { let o = { M+: this.getMonth() + 1, d+: this.getDate(), H+: this.getHours(), m+: this.getMinutes(), s+: this.getSeconds(), S+: this.getMilliseconds() }; //因为date.getFullYear()出来的结果是number类型的,所以为了让结果变成字符串型















，下面有两种方法： if (/(y+)/.test(fmt)) { //第一种：利用字符串连接符“+   
   
   
   
   
   
   
   
”给date.getFullYear()+                        ，加一个空字符串便可以将number类型转换成字符串                。 fmt = fmt.replace(RegExp.$1, (this.getFullYear() + ).substr(4 - RegExp.$1.length)); } for (var k in o) { if (new RegExp(( + k + )).test(fmt)) { //第二种：使用String()类型进行强制数据类型转换String(date.getFullYear())
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 ，这种更容易理解
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 。 fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : ((00 + o[k]).substr(String(o[k]).length))); } } return fmt; }; TS版-封装方法 /** * @author: silencetea * @name: sortNumberArray * @description: 数字数组排序























，默认升序：从小到大 * @param {any} fmt 要以何种格式格式化 * @param {any} datetime 要格式化的日期时间 * @return {*} */ const datetimeFormat = (fmt: any, datetime?:any) => { let _this = datetime ? new Date(datetime) : new Date(); let o:any = { M+: _this.getMonth() + 1, d+: _this.getDate(), H+: _this.getHours(), m+: _this.getMinutes(), s+: _this.getSeconds(), S+: _this.getMilliseconds() }; //因为date.getFullYear()出来的结果是number类型的,所以为了让结果变成字符串型                ，下面有两种方法： if (/(y+)/.test(fmt)) { //第一种：利用字符串连接符“+
 

 

 

 

 

 

 

 
”给date.getFullYear()+
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 ，加一个空字符串便可以将number类型转换成字符串















。 fmt = fmt.replace(RegExp.$1, (_this.getFullYear() + ).substr(4 - RegExp.$1.length)); } for (let k in o) { if (new RegExp(( + k + )).test(fmt)) { //第二种：使用String()类型进行强制数据类型转换String(date.getFullYear())















，这种更容易理解 
  
  
  
  
  
  
  
 。 fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : ((00 + o[k]).substr(String(o[k]).length))); } } return fmt; };

本文链接：https://www.cnblogs.com/xsilence/p/16382118.html