前端►JS

js一些工具方法

文章目录
  1. 1. 数组乱序
  2. 2. 随机数
  3. 3. 日期格式化扩展
  4. 4. 根据给定时间，获取给定时间当前周，前一周，后一周的所有日期
  5. 5. 去除字符串前后，左侧，右侧空格
  6. 6. 格式化电话号码
  7. 7. 获取当前日期的前后几天的日期

平时用到的一些小方法，整理起来备用

数组乱序

1
2
3
4
5
var arr = [0, 1, 2, 3, 4, 5, 6];
arr.sort(function () {
    return 0.5 - Math.random();
})
console.log(arr);

随机数

1
2
3
4
5
6
7
8
9
10
11
/**
 * 获取 min～max之间的一个随机整数
 * @param min
 * @param max
 * @returns {*}
 */
function getRandomNum(min, max) {
    var range = max - min;
    var rand = Math.random();
    return (min + Math.round(rand * range));
}

日期格式化扩展

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
// es6版本

/**
 * 日期格式化函数
 * 年：y，1-4个占位符
 * 月：M，日：d，时：h，分：m，秒：s，季度：q， 1-2 个占位符
 * 毫秒：S，1个占位符
 * 例：
 * (new Date()).format('yyyy-MM-dd hh:mm:ss.S') ---> 2016-09-05 10:18:32.976
 * (new Date()).format('yyyy-M-d h:m:s.S')      ---> 2016-9-5 10:18:32.976
 * @param date
 * @param format
 * @returns {*}
 */
function formatDate(date, format = 'yyyy-MM-dd') {
    const symbolMap = {
        '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(format)) {
        format = format.replace(RegExp.$1, String(date.getFullYear()).substr(4 - RegExp.$1.length));
    }
    for (const k of Object.keys(symbolMap)) {
        if (new RegExp(`(${k})`).test(format)) {
            format = format.replace(RegExp.$1, (RegExp.$1.length === 1) ? (symbolMap[k]) : (`00${symbolMap[k]}`.substr(String(symbolMap[k]).length)));
        }
    }
    return format;
}

// es5版本

/**
 * 日期格式化函数
 * 年：y，1-4个占位符
 * 月：M，日：d，时：h，分：m，秒：s，季度：q， 1-2 个占位符
 * 毫秒：S，1个占位符
 * 例：
 * (new Date()).format('yyyy-MM-dd hh:mm:ss.S') ---> 2016-09-05 10:18:32.976
 * (new Date()).format('yyyy-M-d h:m:s.S')      ---> 2016-9-5 10:18:32.976
 * @param date
 * @param format
 * @returns {*}
 */
function dateFormat(date, format) {
    var symbolMap = {
        "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(format)) {
        format = format.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length));
    }
    for (var k in symbolMap) {
        if (new RegExp("(" + k + ")").test(format)) {
            format = format.replace(RegExp.$1, (RegExp.$1.length == 1) ? (symbolMap[k]) : (("00" + symbolMap[k]).substr(("" + symbolMap[k]).length)));
        }
    }
    return format;
}

/**
 * 扩展Date，添加格式化功能
 * 年：y，1-4个占位符
 * 月：M，日：d，时：h，分：m，秒：s，季度：q， 1-2 个占位符
 * 毫秒：S，1个占位符
 * 例：
 * (new Date()).format('yyyy-MM-dd hh:mm:ss.S') ---> 2016-09-05 10:18:32.976
 * (new Date()).format('yyyy-M-d h:m:s.S')      ---> 2016-9-5 10:18:32.976
 * @param format
 * @returns {*}
 */
Date.prototype.format = function (format) {
    var symbolMap = {
        "M+": this.getMonth() + 1, //月
        "d+": this.getDate(), //日
        "h+": this.getHours(), //时
        "m+": this.getMinutes(), //分
        "s+": this.getSeconds(), //秒
        "q+": Math.floor((this.getMonth() + 3) / 3), //季度
        "S": this.getMilliseconds() //毫秒
    };
    if (/(y+)/.test(format)) {
        format = format.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
    }
    for (var k in symbolMap) {
        if (new RegExp("(" + k + ")").test(format)) {
            format = format.replace(RegExp.$1, (RegExp.$1.length == 1) ? (symbolMap[k]) : (("00" + symbolMap[k]).substr(("" + symbolMap[k]).length)));
        }
    }
    return format;
};

根据给定时间，获取给定时间当前周，前一周，后一周的所有日期

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
/**
 * 根据给定时间，获取给定时间当前周，前一周，后一周的所有日期
 * @param date
 * @returns {{activeDates: Array, prevDates: Array, nextDates: Array}}
 */
function getWeekDateRange(date) {
    var activeDates = [];
    var prevDates = [];
    var nextDates = [];
    var nowTime = date.getTime();
    var day = date.getDay();
    var oneDayLong = 24 * 60 * 60 * 1000;

    for (var i = -7; i < 14; i++) {
        var dateTiem = nowTime + (i - day) * oneDayLong;
        var d = new Date(dateTiem);
        if (i < 0) {
            prevDates.push(d);
        } else if (i < 7) {
            activeDates.push(d);
        } else {
            nextDates.push(d);
        }

    }

    return {
        activeDates: activeDates,
        prevDates: prevDates,
        nextDates: nextDates,
    }
}

去除字符串前后，左侧，右侧空格

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
var testStr = '   aaa bbb   ';
// 去掉前后空格
var str = testStr.replace(/(^\s*)|(\s*$)/g, "");

// 去掉左侧空格
var str = testStr.replace(/(^\s*)/g, "");

// 去掉右侧空格
var str = testStr.replace(/(\s*$)/g, "");

// 扩展string对象
String.prototype.trim = function() {  
    return this.replace(/(^\s*)|(\s*$)/g, "");  
}  

String.prototype.leftTrim = function() {  
    return this.replace(/(^\s*)/g, "");  
}

String.prototype.rightTrim = function() {  
    return this.replace(/(\s*$)/g, "");  
}

格式化电话号码

1
2
3
4
5
6
7
8
9
10
function formatPhoneNumber (phoneNum) {
  phoneNum = phoneNum.toString();
  var regFormatted = /^(\d{3})(\d{1,4})(\d{1,4}$)?/g;
  var pattern = '$1-$2-$3';
  // 第二个replace解决 186-88-，多一个‘-’的问题
  return phoneNum.replace(regFormatted, pattern).replace(/^(\d{3}-\d{1,4})(-)$/, '$1');
}
console.log(18688888888); // 186-8888-8888
console.log('18688888888'); // 186-8888-8888
console.log(18688);// 186-88

获取当前日期的前后几天的日期

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
function getOffsetDate(n) {
    var d = new Date();
    var year = d.getFullYear();
    var mon = d.getMonth() + 1;
    var day = d.getDate();
    if (day >= n) {
        if (mon > 1) {
            mon = mon - 1;
        }else {
            year = year - 1;
            mon = 12;
        }
    }
    d.setDate(d.getDate() + n);
    year = d.getFullYear();
    mon = d.getMonth() + 1;
    day = d.getDate();
    return [
        year + "" + (mon < 10 ? ('0' + mon) : mon) + "" + (day < 10 ? ('0' + day) : day),
        (mon < 10 ? ('0' + mon) : mon) + "-" + (day < 10 ? ('0' + day) : day)
    ];
}
// 如果当前日期是 2016-12-28
console.log(getOffsetDate(1)); // ["20161229", "12-29"] 当前日期的后一天
console.log(getOffsetDate(-3)); // ["20161225", "12-25"]  当前日期的前三天