JS操做小技巧,工做简单了(二)

JS操做小技巧,工做简单了html

一、补0操做

场景:页面月和日的显示,须要用0或者其余字符占位。jquery

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)/
复制代码

四、快速交换两个数字

场景:算法排序交换两个值bash

let x = 1;
let y = 2;
[x ,y] = [y, x];
复制代码

五、获取一个月的最后一天

场景:根据年月,或者月的最后一天微信

new Date('2020', '1', 0).getDate();
复制代码

六、关键字void使用

场景: 使用 void 运算符可确保你获得一个真正的 undefined 。 也用于最小化目的。post

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操做微信ui

window.location.href="weixin://";
// H5操做微信:http://www.xiaoshu168.com/jquery/172.html
复制代码

九、过滤数组中的falsy值

场景:过滤数组中你不想要的falsy值spa

const arr = [0, 1, '0', '1', +0, -0, undefined, null, 'undefined', 'null', '', '蜗牛',true, false, NaN, 'NaN'];
arr.filter(Boolean);
复制代码

评论出你的工做的小技巧,让你们都学习。

相关文章
相关标签/搜索