JS操做小技巧，工做簡單了（二）

JS操做小技巧，工做簡單了

一、補0操做

場景：頁面月和日的顯示，須要用0或者其餘字符佔位。

var number = 11; 
('0' + number).slice(-2);
複製代碼

二、千分位劃分

場景：頁面展現金額，進行位數劃分。

const AmountSlite = (value) => {
    const regExp = /(\d{1,3})(?=(\d{3})+(?:$|\.))/g;
    const ret = (value + '').replace(regExp, '$1,');
    return ret;
};
複製代碼

三、正則校驗0-100的數字，最多保留兩位有效數字

場景：百分比校驗，輸入框數字校驗

var reg = /^\d\.([1-9]{1,2}|[0-9][1-9])$|^[0-9]\d{0,1}(\.\d{1,2}){0,1}$|^100(\.0{1,2}){0,1}$/;
// 大於0，保留兩位小數
var reg1 = /^[1-9](\d+)?(\.\d{1,2})?$)|(^\d\.\d{1,2}$/
// 大於等於0，保留兩位小數
var reg2 = /^(0|[1-9]\d*)(\s|$|\.\d{1,2}\b)/
複製代碼

四、快速交換兩個數字

場景：算法排序交換兩個值

let x = 1;
let y = 2;
[x ,y] = [y, x];
複製代碼

五、獲取一個月的最後一天

場景：根據年月，或者月的最後一天

new Date('2020', '1', 0).getDate();
複製代碼

六、關鍵字void使用

場景： 使用 void 運算符可確保你獲得一個真正的 undefined 。 也用於最小化目的。

console.log(1); // 1
console.log(void 1); 

let obj = {
    m: 1
};
console.log(void obj.m);
複製代碼

七、任意類型判斷

場景：獲取變量類型

const type = data => Object.prototype.toString.call(data).replace(/^\[object (.+)\]$/, '$1').toLowerCase();
複製代碼

八、Js喚起微信

場景：h5操做微信

window.location.href="weixin://";
// H5操做微信：http://www.xiaoshu168.com/jquery/172.html
複製代碼

九、過濾數組中的falsy值

場景：過濾數組中你不想要的falsy值

const arr = [0, 1, '0', '1', +0, -0, undefined, null, 'undefined', 'null', '', '蝸牛',true, false, NaN, 'NaN'];
arr.filter(Boolean);
複製代碼

評論出你的工做的小技巧，讓你們都學習。