Day_03_JavaScript学习补充

正则表达式

定义

1. 正则表达式字面量 （注意不要加引号）
2. 创建正则对象RegExp

介绍

正则表达式（Regular Expression，也简称为正则），定义了字符串组成的规则

作用

通常用来验证数据格式、查找替换文本等

方法

test(str)：判断指定字符串是否符合规则，符合返回true；不符合返回false

//正则表达式案例
    const reg = /abc/;
    let str1 = "abdc";
    let str2 = "123abc123";
    
//校验字符串是否符合正则表达式字符串规则
    let flag1 = reg.test(str1); //false
    let flag2 = reg.test(str2); //true
    alert(`flag1=${flag1},flag2=${flag2}`);

const reg2 = /^abc\w{3,6}$/; //字符串以abc开头，\w{3,6}前面字符至少出现3次，至多出现6次
    let str3 = "abc";
    let str4 = "abc123.";
    let str5 = "abc123";

//校验字符串是否符合正则表达式字符串规则
    let flag3 = reg2.test(str3); //false
    let flag4 = reg2.test(str4); //false，因为结尾不是[A-Za-z0-9_]
    let flag5 = reg2.test(str5); //true
    alert(`flag3=${flag3},flag4=${flag4},flag5=${flag5}`);
    
//1. 校验手机号是否合法
    const reg1 = /^1[3-9]\d{9}$/;
    alert(reg1.test("13009091212"));

//2. 校验用户名 -> 4-16 数字,字母,_
    const reg2 = /^\w{4,16}$/;
    alert(reg2.test("Tom1111111"));

JS模块化

介绍

JS提供的一种将JavaScript程序拆分为若干个可按需导入的单独模块的机制

表单校验