打造自己的函数库

[TOC]

1.获取URL参数

2.时间格式化

3.JS精度算法（加减乘除）

4.js简单加密解密 [可用于url参数的传递]

5.金钱相关

5.1 补零: 规定位数前补零

5.2 补零: 两位小数位补0 [一般用于金额: 1.00 1.10]

5.3 格式化金钱 [每三位逗号隔开]

5.4 金额输入框的一些限制( 粘贴不生效/清除“数字”和“.”以外的字符/只保留第一个. 清除多余的 )

6.js获取唯一ID/uuid

7.js删除某一项

8.表单是否为空

8.1 数组是否为空

8.2 数组不为空时执行

8.3 对象不为空时执行

8.4 对象是否为空

8.5 判断数据类型

9.数组相关

9.1.1 数组去重 - object

9.1.2 数组去重 - string

9.1.3 判断重复值

10.浮点数: 数字保留两位小数，直接切割，不做四舍五入

11.JS正则表达式: 验证中国大陆身份证号码

12.JS正则表达式: 获取小括号/中括号/花括号内的内容

13.搜索过滤

14.时间大小比较

- 获取URL参数
- 时间格式化
- JS精度算法（加减乘除）
- js简单加密解密 [可用于url参数的传递]

金钱相关
- 补零: 规定位数前补零
- 补零: 两位小数位补0 [一般用于金额: 1.00 1.10]
- 格式化金钱 [每三位逗号隔开] 金额输入框的一些限制 ( 粘贴不生效/清除“数字”和“.”以外的字符/只保留第一个. 清除多余的 )
- js获取唯一ID/uuid
- js删除某一项

表单是否为空
- 数组是否为空
- 数组不为空时执行
- 对象不为空时执行
- 对象是否为空
- 判断数据类型
- 数组去重

- 浮点数: 数字保留两位小数，直接切割，不做四舍五入
- JS正则表达式: 验证中国大陆身份证号码
- 搜索过滤

1.获取URL参数

// var type = getUrlParams('type')
function getUrlParams(objName) { // 获取URl
  var data = window.location.href;
  if (data.indexOf("?") < 0)
    return undefined; //判断是否存在参数
  var allParamsArr = data.split("?")[1].split("&"),
    returnObj = {};
  if (allParamsArr.length == 0)
    return undefined; //参数是否带惨，狗屁的有的人无聊带问号不带参数的
  for (var i = 0; i < allParamsArr.length; i++) {
    returnObj[`${allParamsArr[i].split("=")[0]}`] = allParamsArr[i].split("=")[1]
  }
  return returnObj[`${objName}`]
}

const params = new URLSearchParams(location.search.replace(/\?/ig, "")); // location.search = "?name=young&sex=male"
params.has("young"); // true
params.get("sex"); // "male"

2.时间格式化

// var todays = formatDate(new Date(), 'yyyy-MM-dd')
function formatDate(date, fmts) { //时间格式化
  var fmt = fmts ? fmts : 'yyyy-MM-dd';
  if (/(y+)/.test(fmt)) {
    fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length));
  }
  var o = {
    'M+': date.getMonth() + 1,
    'd+': date.getDate(),
    'h+': date.getHours(),
    'm+': date.getMinutes(),
    's+': date.getSeconds()
  };
  for (var k in o) {
    if (new RegExp(`(${k})`).test(fmt)) {
      var str = o[k] + '';
      fmt = fmt.replace(
        RegExp.$1, (RegExp.$1.length === 1)
        ? str
        : padLeftZero(str));
    }
  }
  return fmt;
};
function padLeftZero(str) {
  return ('00' + str).substr(str.length);
}

3.JS精度算法（加减乘除）

function dcmAdd(arg1, arg2){ //加法精度
  var r1,r2,m;
  try{r1=arg1.toString().split(".")[1].length;}catch(e){r1=0;}
  try{r2=arg2.toString().split(".")[1].length;}catch(e){r2=0;}
  m=Math.pow(10,Math.max(r1,r2));
  return (accMul(arg1,m)+accMul(arg2,m))/m;
}

function numSub(num1, num2) { //减法精度 num1 - num2
	var baseNum, baseNum1, baseNum2;
	var precision;// 精度
	try {
		baseNum1 = num1.toString().split(".")[1].length;
	} catch (e) {
		baseNum1 = 0;
	}
	try {
		baseNum2 = num2.toString().split(".")[1].length;
	} catch (e) {
		baseNum2 = 0;
	}
	baseNum = Math.pow(10, Math.max(baseNum1, baseNum2));
	precision = (baseNum1 >= baseNum2) ? baseNum1 : baseNum2;
	return ((num1 * baseNum - num2 * baseNum) / baseNum).toFixed(precision);
}

function accMul(arg1,arg2) { //乘法精度 arg1 * arg2
  var m=0,s1=arg1.toString(),s2=arg2.toString();
  try{m+=s1.split(".")[1].length}catch(e){}
  try{m+=s2.split(".")[1].length}catch(e){}
  return Number(s1.replace(".",""))*Number(s2.replace(".",""))/Math.pow(10,m)
}

// var array = [0.97, 0.99, 0.99], val=1, vals=1;
// for (var i = 0; i < array.length; i++) {
//     val *= array[i];
// 	vals = accMul(array[i], vals)
// }
function accMul(arg1,arg2) { //乘法精度 arg1 * arg2
  var m=0,s1=arg1.toString(),s2=arg2.toString();
  try{m+=s1.split(".")[1].length}catch(e){}
  try{m+=s2.split(".")[1].length}catch(e){}
  return Number(s1.replace(".",""))*Number(s2.replace(".",""))/Math.pow(10,m)
}

function accDiv(arg1,arg2){ //除法精度 arg1 / arg2
  var t1=0,t2=0,r1,r2;
  try{t1=arg1.toString().split(".")[1].length}catch(e){}
  try{t2=arg2.toString().split(".")[1].length}catch(e){}
  with(Math){
    r1=Number(arg1.toString().replace(".",""))
    r2=Number(arg2.toString().replace(".",""))
    return (r1/r2)*pow(10,t2-t1);
  }
}

4.js简单加密解密 [可用于url参数的传递]

function encryptionCode(str) { //加密
  var encode = "";
  str = String(str);
  for (var i = 0; i < str.length; i++) {
    var code = str.charCodeAt(i);
    encode += code;
    encode += ",";
  }
  return encode
}

function decryptCode(str) {//解密
  if (str && str.indexOf(',')>=0) {
    var arr = str.split(","), decode = "";
    for (var i = 0; i < arr.length; i++){
      var code = parseInt(arr[i]);
      decode += String.fromCharCode(code);
    }
    return decode;
  }
}

5.金钱相关

5.1 补零: 规定位数前补零

// 金钱用不到 - 序号需要 可以先判断数组的长度 再判断需要补多少个0
const FillZero = (num, len) => num.toString().padStart(len, "0");
const num = FillZero(169, 5);
// num => "00169"

5.2 补零: 两位小数位补0 [一般用于金额: 1.00 1.10]

function IntegerToFloat(num){ // 1.00 1.10  1.11
  if (num == null || num == 'NaN') {
    return '';
  }
  const arr = num.toString().split('.');
  if (arr.length === 1) {
    return `${num}.00`;
  } else if (arr.length === 2 && arr[1].length === 1) {
    return `${num}0`;
  } else {
    return num;
  }
}

5.3 格式化金钱 [每三位逗号隔开]

const ThousandNum = num => num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
const money = ThousandNum(20190214);
// money => "20,190,214"

// 金额格式化123456 => 123,456
export const formatMoney = (data) => {
  const arrData = data.split('.');
  let parseData = arrData[0];
  let result = '';
  while (parseData.length > 3) {
    result = `,${parseData.slice(-3)}${result}`;
    parseData = parseData.slice(0, parseData.length - 3);
  }
  if (parseData) result = parseData + result;
  if (arrData[1]) return `${result}.${arrData[1]}`;
  return result;
};

5.4 金额输入框的一些限制( 粘贴不生效/清除“数字”和“.”以外的字符/只保留第一个. 清除多余的 )

function changeNum(value) { //value  -限制
  //如果用户第一位输入的是小数点，则重置输入框内容
  var value = String(value)
  if (value != '' && value.substr(0, 1) == '.') {
    value = "";
  }
  value = value.replace(/^0*(0\.|[1-9])/, '$1'); //粘贴不生效
  value = value.replace(/[^\d.]/g, ""); //清除“数字”和“.”以外的字符
  value = value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的
  value = value.replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");
  value = value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3'); //只能输入两个小数
  // if (value.indexOf(".") < 0 && value != "") { //以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
  //   if (value.substr(0, 1) == '0' && value.length == 2) {
  //     value = value.substr(1, value.length);
  //   }
  // }
  return value
}

6.js获取唯一ID/uuid

function getUuid() { //uuid
  var nowDate = new Date().getTime();
  var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
    var r = (nowDate + Math.random()*16)%16 | 0;
    nowDate = Math.floor(nowDate/16);
    return (c=='x' ? r : (r&0x3|0x8)).toString(16);
  });
  return uuid;
}

// 随机生成 10 位id  有极低几率存在重合的可能
const RandomId = len => Math.random().toString(36).substr(3, len);
const id = RandomId(10);//限制长度

// 生成随机的颜色值
const RandomColor = () => "#" + Math.floor(Math.random() * 0xffffff).toString(16).padEnd(6, "0");
const color = RandomColor();

7.js删除某一项

// 数组中对象 去重  ==  [obj, obj]
// 方案一:  两个for循环，寻找相等项，且去掉
// 核心函数:
var n = 0;
objs.map((items) => {
  n++;
  if (item.CLIENTID == items.CLIENTID) { objs.splice(n - 1, 1) }; //重复项从数组中去掉
});

8.表单是否为空

8.1 数组是否为空

const arr = [];
const flag = Array.isArray(arr) && !arr.length;

8.2 数组不为空时执行

const arr = [0, 1, 2];
arr.length && Func();

8.3 对象不为空时执行

const obj = { a: 0, b: 1, c: 2 };
Object.keys(obj).length && Func();

8.4 对象是否为空

const obj = {};
const flag = DataType(obj, "object") && !Object.keys(obj).length;
// flag => true

8.5 判断数据类型

// 可判断类型：undefined、null、string、number、boolean、array、object、symbol、date、regexp、function、asyncfunction、arguments、set、map、weakset、weakmap
function DataType(tgt, type) {
  const dataType = Object.prototype.toString.call(tgt).replace(/\[object /g, "").replace(/\]/g, "").toLowerCase();
  return type ? dataType === type : dataType;
}
DataType("young"); // "string"
DataType(20190214); // "number"
DataType(true); // "boolean"
DataType([], "array"); // true
DataType({}, "array"); // false

9.数组相关

9.1.1 数组去重 - object

// 数组中对象 去重  ==  [obj, obj]
// 方案二:  函数去除
// _objIsInArray(array[i], [], '需要对比的属性名，如id name code等')
function _objIsInArray(obj, arr, attr){
  let tmpStatus=false;
  for(let j=0;j<arr.length;j++){
    if(obj[`${attr}`] == arr[j][`${attr}`]) {
      return j;
      break;
    }else{
      tmpStatus=false;
    }
  }
  if(!tmpStatus){
    return -1;
  }
}

// 使用：
var nArr=[
  { id:10001, name:'张三' },
  { id:10001, name:'李四' },
  { id:10001, name:'张三' },
  { id:10003, name:'王五' },
  { id:10003, name:'赵六' },
  { id:10003, name:'王五' },
  { id:10006, name:'zuqi'}
];
var newArr=[];
for(let i=0;i<nArr.length;i++){
  if(_objIsInArray(nArr[i], newArr, 'id') ==-1){
     newArr.push(nArr[i]);
  }else{
    console.log('对象已存在');
  }
}
console.log(newArr);

9.1.2 数组去重 - string

const arr = [...new Set([0, 1, 1, null, null])];
// arr => [0, 1, null]

// 对象数组的去重，参数arr=[{...}, {...}];
export const getNoRepeatArr = (arr) => {
  // {name: 'a'}, {name: 'a'}由于内存地址不同，所以在Set数据中无法去重，
  // 将其转换成json字符串即可，然后将Set数据转换为array，再转为对象数组
  const newSet = new Set(arr.map(item => JSON.stringify(item)));
  return Array.from(newSet).map(item => JSON.parse(item));
};

9.1.3 判断重复值

function isRepeat(arr){
  var obj = {};
  for(var i in arr) {
    //存在重复值
    if(obj[arr[i]])  return true;
    obj[arr[i]] = true;
  }
  return false;
}

10.浮点数: 数字保留两位小数，直接切割，不做四舍五入

// 123==>123.00  数字保留两位小数，直接切割，不做四舍五入
export const IntegerToFloat = (date) => {
  if (!date) {
    return '';
  }
  const arr = date.toString().split('.');
  if (arr.length === 1) {
    return `${date}.00`;
  } else if (arr.length === 2 && arr[1].length === 1) {
    return `${date}0`;
  } else if (arr.length === 2 && arr[1].length > 1) {
    return `${arr[0]}.${arr[1].substring(0, 2)}`;
  } else {
    return date;
  }
}

11.JS正则表达式: 验证中国大陆身份证号码

// 正则表达式：
var idcardReg = /^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$|^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/;
var cardNo = 336767199903037878
if(idcardReg.test(cardNo)) {
  // 合法
}

12.JS正则表达式: 获取小括号/中括号/花括号内的内容

var str="123{xxx}456[我的]789123[你的]456(1389090)789";

var regex1 = /\((.+?)\)/g;   // () 小括号的内容
var regex2 = /\[(.+?)\]/g;   // [] 中括号
var regex3 = /\{(.+?)\}/g;  // {} 花括号，大括号

// 输出是一个数组
console.log(str.match(regex1)); // ==> ['(1389090)']
console.log(str.match(regex2)); // ==> ['[我的]', '[你的]']
console.log(str.match(regex3)); // ==> ['{xxx}']

13.搜索过滤

onChangeSelect(inputVal){
  // 实现数据的过滤 - val.paramname.match(inputVal)
  const filterData = this.state.dictItemLisSearch;
  const newData = \[];
  filterData.map((val, key) => {
    if (val.paramname.match(inputVal)) {
      newData.push(val)
    }
    return newData;
  });
  this.setState({
    dictItemList: newData
  })
}

14.时间大小比较

dateCompare(date1, date2) {
  date1 = date1 ? date1.format('YYYY-MM-DD') : '1970-01-01';
  date2 = date2 ? date2.format('YYYY-MM-DD') : '2099-12-31';
  const res = Date.parse(date1) - Date.parse(date2);
  return res;
}

常用的函数 #82

Description

Metadata

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Issue actions