<!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>
【JavaScript】常见的正则表达式使用整理
最新推荐文章于 2024-07-03 19:55:00 发布