项目中常用的一些公共方法(前端)，如时间/数字格式化、判空、去前后空格等等

最新推荐文章于 2024-05-23 11:06:31 发布
最新推荐文章于 2024-05-23 11:06:31 发布
阅读量783 收藏 3
点赞数 1
分类专栏： javaScript 文章标签： 公用方法
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41638795/article/details/91379306
版权

1. 关于时间

11.获取某年中，某月最后一天是几号。如：getMonthEnd(2019, 1)，输出31

function getMonthEnd(year, month) {
  month = parseInt(month);
  if (month == 12) {
    var expect = 1;
    year++;
    return new Date(new Date(year + '/' + expect + '/1').getTime() - 24 * 60 * 60 * 100).getDate()
  } else {
    return new Date(new Date(year + '/' + (month + 1) + '/1').getTime() - 24 * 60 * 60 * 100).getDate()
  }
}

12.获取某月的总天数。如：getMonthDaysCount(2019, 2)，输出28

function getMonthDaysCount(year, month) {
  return new Date(year, month, 0).getDate()
}

13. 格式化时间。如：dateFormat(new Date(),'yyyy-MM-dd hh:mm:ss')，输出2019-06-10 15:47:37

//时间格式化
function formatDate(date, fmt) { 
  if (date == null || date == '' || date == undefined)
    return null;
  try {
    if(typeof(date) == "string" &&  date.indexOf('-') != -1){
      date = date.replace(/-/g,'/');
    }
    date = new Date(date);
  } catch (e) {
    date = date;
  }
  fmt = fmt ? fmt : 'yyyy-MM-dd';
  var o = {
    "M+": date.getMonth() + 1, //月份 
    "d+": date.getDate(), //日 
    "H+": date.getHours(), //小时 
    "m+": date.getMinutes(), //分
    "s+": date.getSeconds(), //秒 
    "q+": Math.floor((date.getMonth() + 3) / 3), //季度 
    "S": date.getMilliseconds() //毫秒 
  };
  if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length));
  for (var k in o)
    if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
  return fmt;
}

14. 比较两个日期的大小

function compareDate(date1,date2){
    var oDate1 = new Date(date1);
    var oDate2 = new Date(date2);
	
    if(oDate1.getTime() > oDate2.getTime()){
        return 1;
    } else {
        return 0;
    }
}

2. 电话号码验证。支持手机号码、含区号固定电话、不含区号固定电话

function checkTel(tel) {
  var pattern = /(^[0-9]{3,4}\-[0-9]{3,8}$)|(^[0-9]{3,8}$)|(^\([0-9]{3,4}\)[0-9]{3,8}$)|(^0{0,1}13[0-9]{9}$)/;
  if (pattern.test(tel)) {
    return true;
  }else {
    return false;
  }
}

3. 去掉字符串前后空格

function toTrim(x) {
  return x.replace(/^\s+|\s+$/gm,'');
}

4. 判断是否为空对象、空数组等等。

function isEmpty(obj) {
    //检验null和undefined和''
    if (!obj && obj !== 0) {
        return true;
    }
    //检验数组
    if (Array.prototype.isPrototypeOf(obj) && obj.length === 0) {
        return true;
    }
    //检验对象
    if (Object.prototype.isPrototypeOf(obj) && Object.keys(obj).length === 0) {
        return true;
    }
    return false;
}

5. 两个数的加减乘除，解决小数运算出现多位小数。

//浮点数相加，解决小数运算出现多位小数
function addNum(num1, num2){
    var sq1,sq2,m;
    try {
        sq1 = num1.toString().split(".")[1].length;
    } catch (e) {
	sq1 = 0;
    }
    try {
	sq2 = num2.toString().split(".")[1].length;
    } catch (e) {
	sq2 = 0;
    }
    m = Math.pow(10,Math.max(sq1, sq2));
    return (num1 * m + num2 * m) / m;	
}
//浮点数相减，解决小数运算出现多位小数
function subNum(num1, num2){
    var r1,r2,m,n;
    try{
        r1 = num1.toString().split('.')[1].length;
    }catch(e){
        r1 = 0;
    }
    try{
        r2 = num2.toString().split('.')[1].length;
    }catch(e){
        r2 = 0;
    }
    m = Math.pow(10,Math.max(r1,r2));
    n = (r1 >= r2) ? r1 : r2;
    return (Math.round(num1 * m - num2*m) / m).toFixed(n);	
}
//浮点数相乘，解决小数运算出现多位小数
function mulNum(num1,num2){
    var m = 0,r1,r2;
    var s1 = num1.toString();
    var s2 = num2.toString();
    try{
        m += s1.split('.')[1].length
    }catch(e){

    }
    try{
        m += s2.split('.')[1].length
    }catch(e){

    }
    r1 = Number(num1.toString().replace(".",""));
    r2 = Number(num2.toString().replace(".",""));
    return r1 * r2 / Math.pow(10,m);	
}
//浮点数相除，解决小数运算出现多位小数
function divNum(num1,num2){
    var c, d, e = 0,f = 0;
    try {
        e = num1.toString().split(".")[1].length;
    } catch (g) {
		
    }
    try {
        f = num2.toString().split(".")[1].length;
    } catch (g) {
		
    }
    return c = Number(num1.toString().replace(".", "")), d = Number(num2.toString().replace(".", "")), this.mulNum(c / d, Math.pow(10, f - e));
}

6.数字格式化

61. 千分号加逗号，即个位数开始每隔三位数，就用逗号隔开，如：numFormat(10000000.01)，输出10,000,000.01

function numFormat(num) {
  if (num == null) {
    return;
  }
  if (!isNaN(num)) {
    num = num.toString();
  }
  if (num.indexOf('.') != -1) {
    var decimals = num.split('.')[1];
    return (
      (parseInt(Number(num)) + '').replace(
        /\d{1,3}(?=(\d{3})+(\.\d*)?$)/g,
        '$&,'
      ) +
      '.' +
      decimals.substring(0, 2)
    );
  } else {
    return (parseInt(Number(num)).toFixed(0) + '').replace(
      /\d{1,3}(?=(\d{3})+(\.\d*)?$)/g,
      '$&,'
    );
  }
}

62. 千分号去掉逗号。如：delNumFormat('10,111,111,111.01')，输出10111111111.01

function delNumFormat(snum){
    return snum.replace(/,/g,'');
}

7. 关于地图的。

71. 计算两个经纬度之间的距离

function distance(la1, lo1, la2, lo2) {
  var La1 = la1 * Math.PI / 180.0;
  var La2 = la2 * Math.PI / 180.0;
  var La3 = La1 - La2;
  var Lb3 = lo1 * Math.PI / 180.0 - lo2 * Math.PI / 180.0;
  var s = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(La3 / 2), 2) + Math.cos(La1) * Math.cos(La2) * Math.pow(Math.sin(Lb3 / 2), 2)));
  s = s * 6378.137;
  s = Math.round(s * 10000) / 10000;
  s = s*1000; //转为米单位
  s = s.toFixed(2);
  return s;
}

72.各种地图坐标系的转换

//定义一些常量
var x_PI = 3.14159265358979324 * 3000.0 / 180.0;
var PI = 3.1415926535897932384626;
var a = 6378245.0;
var ee = 0.00669342162296594323;
/**
  * 百度坐标系 (BD-09) 与 火星坐标系 (GCJ-02)的转换
  * 即 百度 转 谷歌、高德
  * @param bd_lon
  * @param bd_lat
  * @returns {*[]}
  */
function bd09togcj02(bd_lon, bd_lat) {
  var bd_lon = +bd_lon;
  var bd_lat = +bd_lat;
  var x = bd_lon - 0.0065;
  var y = bd_lat - 0.006;
  var z = Math.sqrt(x * x + y * y) - 0.00002 * Math.sin(y * x_PI);
  var theta = Math.atan2(y, x) - 0.000003 * Math.cos(x * x_PI);
  var gg_lng = z * Math.cos(theta);
  var gg_lat = z * Math.sin(theta);
  return [gg_lng, gg_lat]
}
/**
   * 火星坐标系 (GCJ-02) 与百度坐标系 (BD-09) 的转换
   * 即谷歌、高德 转 百度
   * @param lng
   * @param lat
   * @returns {*[]}
   */
function gcj02tobd09(lng, lat) {
  var lat = +lat;
  var lng = +lng;
  var z = Math.sqrt(lng * lng + lat * lat) + 0.00002 * Math.sin(lat * x_PI);
  var theta = Math.atan2(lat, lng) + 0.000003 * Math.cos(lng * x_PI);
  var bd_lng = z * Math.cos(theta) + 0.0065;
  var bd_lat = z * Math.sin(theta) + 0.006;
  return [bd_lng, bd_lat]
};
/**
   * WGS84转GCj02
   * @param lng
   * @param lat
   * @returns {*[]}
   */
 function wgs84togcj02(lng, lat) {
    var lat = +lat;
    var lng = +lng;
    if (out_of_china(lng, lat)) {
      return [lng, lat]
    } else {
      var dlat = transformlat(lng - 105.0, lat - 35.0);
      var dlng = transformlng(lng - 105.0, lat - 35.0);
      var radlat = lat / 180.0 * PI;
      var magic = Math.sin(radlat);
      magic = 1 - ee * magic * magic;
      var sqrtmagic = Math.sqrt(magic);
      dlat = (dlat * 180.0) / ((a * (1 - ee)) / (magic * sqrtmagic) * PI);
      dlng = (dlng * 180.0) / (a / sqrtmagic * Math.cos(radlat) * PI);
      var mglat = lat + dlat;
      var mglng = lng + dlng;
      return [mglng, mglat]
    }
  };

  /**
   * GCJ02 转换为 WGS84
   * @param lng
   * @param lat
   * @returns {*[]}
   */
  function gcj02towgs84(lng, lat) {
    var lat = +lat;
    var lng = +lng;
    if (out_of_china(lng, lat)) {
      return [lng, lat]
    } else {
      var dlat = transformlat(lng - 105.0, lat - 35.0);
      var dlng = transformlng(lng - 105.0, lat - 35.0);
      var radlat = lat / 180.0 * PI;
      var magic = Math.sin(radlat);
      magic = 1 - ee * magic * magic;
      var sqrtmagic = Math.sqrt(magic);
      dlat = (dlat * 180.0) / ((a * (1 - ee)) / (magic * sqrtmagic) * PI);
      dlng = (dlng * 180.0) / (a / sqrtmagic * Math.cos(radlat) * PI);
      var mglat = lat + dlat;
      var mglng = lng + dlng;
      return [lng * 2 - mglng, lat * 2 - mglat]
    }
  };

  function transformlat(lng, lat) {
    var lat = +lat;
    var lng = +lng;
    var ret = -100.0 + 2.0 * lng + 3.0 * lat + 0.2 * lat * lat + 0.1 * lng * lat + 0.2 * Math.sqrt(Math.abs(lng));
    ret += (20.0 * Math.sin(6.0 * lng * PI) + 20.0 * Math.sin(2.0 * lng * PI)) * 2.0 / 3.0;
    ret += (20.0 * Math.sin(lat * PI) + 40.0 * Math.sin(lat / 3.0 * PI)) * 2.0 / 3.0;
    ret += (160.0 * Math.sin(lat / 12.0 * PI) + 320 * Math.sin(lat * PI / 30.0)) * 2.0 / 3.0;
    return ret
  };

  function transformlng(lng, lat) {
    var lat = +lat;
    var lng = +lng;
    var ret = 300.0 + lng + 2.0 * lat + 0.1 * lng * lng + 0.1 * lng * lat + 0.1 * Math.sqrt(Math.abs(lng));
    ret += (20.0 * Math.sin(6.0 * lng * PI) + 20.0 * Math.sin(2.0 * lng * PI)) * 2.0 / 3.0;
    ret += (20.0 * Math.sin(lng * PI) + 40.0 * Math.sin(lng / 3.0 * PI)) * 2.0 / 3.0;
    ret += (150.0 * Math.sin(lng / 12.0 * PI) + 300.0 * Math.sin(lng / 30.0 * PI)) * 2.0 / 3.0;
    return ret
  };

  /**
   * 判断是否在国内，不在国内则不做偏移
   * @param lng
   * @param lat
   * @returns {boolean}
   */
  function out_of_china(lng, lat) {
    var lat = +lat;
    var lng = +lng;
    // 纬度3.86~53.55,经度73.66~135.05 
    return !(lng > 73.66 && lng < 135.05 && lat > 3.86 && lat < 53.55);
  };

8.页面跳转传参 -- 获取参数值。

function getUrlParam(name){
    var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
    var r = decodeURIComponent(window.location.search).substr(1).match(reg);
    if (r!=null) return unescape(r[2]); return null;
}

9.前端获取uuid

getUuid() {
   var d = new Date().getTime();
   if (window.performance && typeof window.performance.now === "function") {
        d += performance.now(); //use high-precision timer if available
   }
   var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
       var r = (d + Math.random() * 16) % 16 | 0;
       d = Math.floor(d / 16);
       return (c == 'x' ? r : (r & 0x3 | 0x8)).toString(16);
   });
  return uuid;
}

暂时就这么多，后续再添加。

星星之火M
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Web前端公用方法.
12-16
公用方法的集合，主要包含深克隆、防抖、处理时间、脱敏数据处理、统一封装缓存方法、计算时间差、处理毫秒数转时间、秒数转时间。
Shell中去除字符串前后空格的方法
09-15
今天小编就为大家分享一篇关于Shell中去除字符串前后空格的方法，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
web前端常用的公共方法
weixin_47992208的博客
05-31 363
一、复制文字到剪切板 // 复制到剪切板 copyToClipboard(str) { const el = document.createElement('textarea'); el.value = str; el.setAttribute('readonly', ''); el.style.position = 'absolute'; el.style.left = '-9999px'; document.body.appendChild(el)
「终极收藏」前端开发必备：超全JavaScript公共方法大全
最新发布
xingyu_qie的专栏
05-23 4550
在前端开发中，JavaScript是必不可少的一部分，而掌握各种常用的公共方法更是提升开发效率和代码质量的关键。本篇博客将为你详细汇总并解析最全的JavaScript公共方法，涵盖数组、对象、字符串、日期等各个方面的常用技巧。希望通过这篇文章，能为你的前端开发之路提供有力的帮助，成为你开发过程中不可或缺的参考指南。我已经将所有公共方法，按模块的形式，集成到了js-tool-big-box工具包中，大家不比担心安装后会使项目体积变大，不会的。想要使用时间日期类的公共方法，需要先在项目中导入。
前端常用的公共方法
AC916305619的博客
08-22 933
前两期把我所学习到的高德地图工具类做了简单的封装，这一期我将把一些常用的工具类作为一个单独的模块提出来。以便于后期的整理以及大家的互相学习。 1.格式化时间 /** * @param {(Object|string|number)} time * @param {string} TimeFormat 想要返回时间的格式 例如 '{y}-{m}-{d} {h}:{i}:{s} {a}' ...
前端框架中常见的公共方法汇总（一）：防抖节流
DDD4V的博客
07-20 446
一、为什么要用防抖和节流 在浏览器中，频繁的DOM操作或发送请求会非常占用内存资源，而实际开发场景中，、又不可避免的会遇到持续触发或重复触发的事件和方法。处理不当或者放任不管就容易引起浏览器卡死，如：input的change事件，滚动条scroll事件等等。因此需要降低事件被触发的频次，防止过多的回调函数占用浏览器内存。 二、Vue中公共封装的防抖 防抖：当不断触发高频事件后设置一个标识，通过标识来判断高频事件是否结束，如果未结束责支触发一次事件，并且在标识内高频事件再次被触发，则重新...
前端常用的公共方法(慢慢补充)
strongbuger的博客
02-26 307
前端常用的公共方法(慢慢补充) 获取url连接问号后面的参数 queryValue: (query) { var url = window.location.href.split("?")[1]; var arr = url.split('&'); if(arr && arr.length>0){ for (var i = 0; i < arr.length; i++) {
python中日期和时间格式化输出的方法小结
12-23
Python中的日期和时间处理是编程中常见的任务，特别是在数据分析、日志记录以及各种与时间相关的应用中。Python提供了丰富的库来处理日期和时间，其中最常用的就是`datetime`模块。本篇文章将深入探讨如何使用`...
Python去除字符串前后空格的几种方法
09-19
今天小编就为大家分享一篇关于Python去除字符串前后空格的几种方法，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
js去字符串前后空格的实现方法
10-22
主要介绍了js去字符串前后空格的实现方法，重点推荐使用正则的方式，感兴趣的小伙伴们可以参考一下
前端常用公共方法工具类
danielyulu的博客
12-13 446
1.去除对象中为空的属性 function handleValue(data) { for ( var key in data ){ if ( data[key] === '' || data[key] === undefined ){ delete data[key] } } return data; } 2...
js代码-前端的公共方法
07-15
js代码-前端的公共方法
JS公共方法
02-18
myCommon.js--通讯公共方法
前端项目中常用的公共函数
weixin_42662753的博客
03-30 1528
前端项目中常用的公共函数
前端框架中常见的公共方法汇总（二）：时间格式处理/数字格式处理
DDD4V的博客
09-18 280
时间格式处理 // 把时间的分秒值去掉 export const formatTM = item => { if (item) { let newItem = item.replace(':00.0', '') if (newItem.indexOf('.') > 0) { newItem = newItem.substr(0, 16) } return newItem } else { return '' } } //
前端项目中公共方法汇总utils.js
weixin_30480075的博客
06-24 627
目录 判断手机类型IOS Android 格式化金钱 金钱字符串变回数字 用aa替换中文 并返回 去除文件后缀，得到文件名称（不带后缀） 获取浏览器类型（名称） post方式下载文件流 动态设置img的大小 获取页面参数 判断是否为微信 css方式控制元素无法点击 简单封装localStorage setItem getItem 1.判断手机类型IOS Android 因为判断是否为...
【前端积累】常用事件的js公用方法
weixin_33998125的博客
11-09 160
1 var eventUtil={ 2 // 添加句柄 3 addHandler:function(element,type,handler){ 4 if(element.addEventListener){ 5 element.addEventListener...
javascript项目开发中的常用公共方法
xjl271314的博客
06-13 962
本篇文章纯属干货，包含了笔者在实际项目开发中经常用到的一些公共通用方法，希望可以帮助大家。
前端空格显示问题
weixin_34368949的博客
11-21 733
在前端，多个空格往往会被忽略，变为一个空格。有几种方法： 使用全角空格，可保留多个空格，因为全角空格被解释为汉字，所以不会被解释为HTML分隔符，可按照实际的空格数显示。 使用预格式化标签<pre>，无论是空格或空行都适用。 使用空格实体符&nbsp;代替空格 程序猿必读 转载于:https://www.cnblogs.com/longzhongren/p/6...
c#中还有别的去除字符串前后的空格的方法
06-07
在 C# 中，除了 `Trim()` 方法以外，还有其他一些去除字符串前后空格的方法，包括： 1. `TrimStart()` 和 `TrimEnd()` 方法：分别用来去除字符串开头和结尾的空格； 2. `Trim(char[])` 方法：可以指定要去除的字符数组； 3. `TrimStart(char[])` 和 `TrimEnd(char[])` 方法：可以分别指定要去除的字符数组，并分别用来去除字符串开头和结尾的空格。 这些方法都能够去除字符串前后的空格或其他指定字符。使用方法和 `Trim()` 类似，只需在方法名后面加上括号和参数即可。例如： ```csharp string str = " Hello world! "; string trimmedStr = str.Trim(); // 去除前后空格 string trimmedStartStr = str.TrimStart(); // 去除开头空格 string trimmedEndStr = str.TrimEnd(); // 去除结尾空格 char[] trimChars = { ' ', '!', '?' }; string trimmedCharsStr = str.Trim(trimChars); // 去除前后空格和指定字符 string trimmedStartCharsStr = str.TrimStart(trimChars); // 去除开头空格和指定字符 string trimmedEndCharsStr = str.TrimEnd(trimChars); // 去除结尾空格和指定字符 ``` 需要注意的是，使用 `Trim()` 等方法去除字符串前后的空格时，会返回一个新的字符串，原字符串不会被修改。如果需要修改原字符串，可以将返回值重新赋给原字符串，例如： ```csharp string str = " Hello world! "; str = str.Trim(); // 去除前后空格，并将结果重新赋给 str ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值