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

简介: 本文主要讲JS操作小技巧


JS操作小技巧,工作简单了


1、补0操作


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


var number = 11; 
('0' + number).slice(-2);


2、千分位划分



场景:页面展示金额,进行位数划分。


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



3、正则校验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)/



4、快速交换两个数字


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


let x = 1;
let y = 2;
[x ,y] = [y, x];


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



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


new Date('2020', '1', 0).getDate();



6、关键字void使用


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


console.log(1); // 1
console.log(void 1); 
let obj = {
    m: 1
};
console.log(void obj.m);



7、任意类型判断


场景:获取变量类型


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



8、Js唤起微信


场景:h5操作微信


window.location.href="weixin://";
// H5操作微信:http://www.xiaoshu168.com/jquery/172.html


9、过滤数组中的falsy值


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


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

目录
相关文章
|
1月前
|
前端开发 JavaScript UED
"前端小技巧大揭秘:JS如何将后台时间戳秒变亲切小时前、分钟前,让用户秒懂,提升互动体验!"
【10月更文挑战第23天】在Web开发中,将后台返回的时间戳转换为“小时前”、“分钟前”、“刚刚”等友好的时间描述是常见需求。本文介绍如何用JavaScript实现这一功能,通过计算当前时间和时间戳的差值,返回相应的描述,提升用户体验。
43 1
|
5月前
|
JavaScript 前端开发 索引
JavaScript编码之路 【JavaScript之操作数组、字符串方法汇总】(三)
JavaScript编码之路 【JavaScript之操作数组、字符串方法汇总】(三)
51 1
|
5月前
|
存储 JavaScript 前端开发
js/javascript 操作字符串【全】(含常用的操作字符串的lodash)
js/javascript 操作字符串【全】(含常用的操作字符串的lodash)
51 1
|
6月前
|
JavaScript vr&ar 数据库
技术笔记:Js获取当前日期时间及其它操作
技术笔记:Js获取当前日期时间及其它操作
149 1
|
6月前
|
存储 前端开发 JavaScript
回调函数是JavaScript中处理异步编程的常见模式,常用于事件驱动和I/O操作。
【6月更文挑战第27天】回调函数是JavaScript中处理异步编程的常见模式,常用于事件驱动和I/O操作。它作为参数传递给其他函数,在特定条件满足或任务完成后被调用。例如,`asyncOperation`函数接受回调函数`handleResult`,模拟异步操作后,调用`handleResult`传递结果。这样,当异步任务完成时,`handleResult`负责处理结果。
43 1
|
5月前
|
JavaScript 前端开发 索引
JavaScript编码之路 【JavaScript之操作数组、字符串方法汇总】(一)
JavaScript编码之路 【JavaScript之操作数组、字符串方法汇总】(一)
40 0
|
5月前
|
存储 JavaScript 前端开发
JavaScript编码之路 【JavaScript之操作数组、字符串方法汇总】(二)
JavaScript编码之路 【JavaScript之操作数组、字符串方法汇总】(二)
48 0
|
5月前
|
JavaScript 前端开发
js/javascript 操作对象【全】(含常用的操作对象的lodash)
js/javascript 操作对象【全】(含常用的操作对象的lodash)
39 0
|
5月前
|
存储 JavaScript 前端开发
js/javascript 操作数组【全】(含常用的操作数组的lodash)
js/javascript 操作数组【全】(含常用的操作数组的lodash)
31 0
|
5月前
|
JavaScript
js 解析和操作树 —— 获取树的深度、提取并统计树的所有的节点和叶子节点、添加节点、修改节点、删除节点
js 解析和操作树 —— 获取树的深度、提取并统计树的所有的节点和叶子节点、添加节点、修改节点、删除节点
155 0