【JavaScript】常见的正则表达式使用整理

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>

	<!-- <h1>这里是测试结果</h1>
	字符串:
	<input type="text" id="str"></input><br/>
	正则表达式:
	<input type="text" id="reg"></input><br/>
	替换项:
	<input type="text"></input><br/>
	<button id="btn" onclick="fn()">测试</button> -->

	<script type="text/javascript">
		
		// 输入正则表达式和替换项 实现自动替换
		// let title = document.getElementsByTagName("h1")[0];
		// let str_input = document.getElementsByTagName("input")[0];
		// let reg_input = document.getElementsByTagName("input")[1];
		// let rep_input = document.getElementsByTagName("input")[2];
		// function fn(){
		// 	let str = str_input.value;
		// 	let reg = new RegExp(reg_input.value,"g");
		// 	let rep = rep_input.value;
		// 	console.log(reg);
		// 	let result = str.replace(reg,rep);
		// 	title.innerHTML = `测试结果:${result}`;
		// }

		// 横杠转小驼峰
		// let str = "get-element-by-id";
		// let reg = /-(\w)/g;
		// console.log(str.replace(reg,function(match,$1){
		// 	return $1.toUpperCase();
		// }));
		
		// 小驼峰转横杠
		// let str = "getElementById";
		// let reg = /[A-Z]/g;
		// console.log(str.replace(reg,function(match){
		// 	return `-${match.toLowerCase()}`;
		// })); 
		
		// 匹配二进制数字
		// let str = "1010101011";
		// let reg = /^[01]+$/g;
		// console.log(reg.test(str));

		// 十进制数字(非0开头)
		// let str = "81";
		// let reg = /^0|([1-9][0-9]?)$/g;
		// console.log(reg.test(str));
		
		// 匹配一年中的12个月
		// let str = "12";
		// let reg = /^(0?[1-9])|(1[0-2])$/;
		// console.log(reg.test(str));
		
		// 匹配qq号最长13位
		// let str = "12345678901";
		// let reg = /^[1-9][0-9]{4,12}$/;
		// console.log(reg.test(str));
		
		// 匹配常见固定电话号码
		// let str = "000-12345678";
		// let reg = /^0\d{2}-\d{8}$/;
		// console.log(reg.test(str));
		
		// 匹配html标签
		// let str = "<a class='test'>have a try</a>";
		// let reg = /^<(\w+).*>.*<\/\1>$/;
		// console.log(reg.test(str));
		
		// 按3位一个逗号从尾部分割数字
		// let str = "100000000000000000000";
		// let reg = /\B(?=(\d{3})+$)/g;
		// console.log(str.replace(reg,","));
		
	</script>
</body>
</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值