CFSDN nhấn mạnh vào giá trị tạo ra nguồn mở và chúng tôi cam kết xây dựng nền tảng chia sẻ tài nguyên để mọi nhân viên CNTT có thể tìm thấy thế giới tuyệt vời của bạn tại đây.

Bài viết trên blog CFSDN Các biểu thức chính quy (ghi chú) về JavaScript này được tác giả sưu tầm và sắp xếp. Nếu bạn quan tâm đến bài viết này, hãy nhớ thích nó.

1. Biểu thức chính quy là gì.

// Biểu thức chính quy (biểu thức chính quy) là một đối tượng mô tả một mẫu ký tự; // JS định nghĩa lớp RegExp để biểu diễn các biểu thức chính quy; // Cả String và RegExp đều xác định việc sử dụng các biểu thức chính quy để khớp mẫu và truy xuất và thay thế văn bản một cách mạnh mẽ. . chức năng,

2. Tạo biểu thức chính quy.

1. Tạo biểu thức chính quy // JS cung cấp hai phương thức để tạo biểu thức chính quy; một là sử dụng toán tử new và hai là sử dụng hằng (1).var box = new RegExp('box'); tham số đầu tiên là một chuỗi; var box = new RegExp('box','ig'); // Tham số thứ hai là một công cụ sửa đổi chế độ tùy chọn; (2).var box = /box/; hộp var = /box/ig; // Thêm công cụ sửa đổi chế độ,

Đối tượng 2.RegExp kiểm tra các biểu thức chính quy // Đối tượng RegExp chứa hai phương thức: test() và exec(); các hàm về cơ bản tương tự nhau và được sử dụng để kiểm tra việc so khớp chuỗi (1).test(): Tìm xem có trong một chuỗi hay không; Biểu thức chính quy được chỉ định tồn tại và trả về một giá trị Boolean; // test() instance var sample = new RegExp('box','i'); // Tạo một biểu thức chính quy; // tạo chuỗi; Alert(pattern.test(str)); // Xác minh kết quả khớp thông qua phương thức test(); // Sử dụng một câu lệnh để đạt được kết quả khớp thông thường; 2).exec(): Tìm kiếm biểu thức chính quy được chỉ định trong chuỗi. Nếu thành công, trả về một mảng thông tin liên quan có chứa chuỗi tìm kiếm; nếu thất bại, trả về null exec() instance var sample = /box/i; str = 'Đây là một cái hộp!'; Alert(pattern.exec(str)); //Kết quả khớp trả về một mảng,

Đối tượng 3.String kiểm tra các biểu thức chính quy.

(1).match(pattern):返回pattern中的子串或null; // math()方法获取匹配数组;     var pattern = /box/ig; //开启了全局     var str = 'This is a Box!,That is a Box too!';     alert(str.match(pattern));               // 得到数组:[Box,Box] (2).search(pattern):返回字符串中pattern开始位置;     var pattern = /box/ig;     var str = 'This is a Box!,That is a Box too!';     console.log(str.search(pattern));        // 10;search()查找到即返回,否则返回-1; (3).replace(pattern,replacement):用replacement替换pattern;     var pattern = /box/ig;     var str = 'This is a Box!,That is a Box too';     console.log(str.replace(pattern,'Tom')); // 将Box替换成了Tom; (4).split(pattern):返回字符串按指定pattern拆分的数组;     var pattern = / /ig;     var str = 'This is a Box!, That is a Box too.';     console.log(str.split(pattern));         // 将空格拆开分组成数组,

三 获取控制 。

// 正则表达式元字符是包含特殊含义的字符; // 它们有一些特殊功能,可以控制匹配模式的方式; // 反斜杠后的元字符将失去其特殊含义,

1.元字符/元符号    匹配情况 // 字符类:单个字符和数字 .                              匹配除换行符外的任意字符; [a-z0-9]               匹配括号中的字符集中任意字符; [^a-z0-9]            匹配不在括号中的字符集中的字符; \d                             匹配数字; \D                             匹配非数字; \w                             匹配字母和数字及_ \W                             匹配非字母和数字及_ // 字符类:空白字符 \0                             匹配null字符; \b                             匹配空格字符; \f                             匹配进纸字符; \n                             匹配换行符; \r                             匹配回车字符; \t                             匹配制表符; \s                             匹配空白字符/空格/制表符和换行符; \S                             匹配非空白字符; // 字符类:锚字符; ^                              行首匹配; $                              行尾匹配; // 字符类:重复字符; x?                             匹配0个或1个x; x*                             匹配0个或任意多个x x+                             匹配至少一个x; (xyz)+                         匹配至少一个(xyz); x{m,n}                         匹配最少m个,最多n个x; // 字符类:替代字符; this|where|logo                匹配this或where或logo中任意一个; // 字符类:记录字符; $1                             匹配第一个分组中的内容,

实例: pattern = /g..gle/;         // ".":匹配任意一个字符; pattern = /g.*gle/;         // ".*":匹配0个或任意多个字符; pattern = /g[a-z]*gle/;     // [a-z]*:匹配任意个a-z中的字符; pattern = /g[^0-9]*gle/;    // [^0-9]*:匹配任意个非0-9的字符; pattern = /[a-z][A-Z]+/;    // [A-Z]+:匹配A-Z中的字符一次或多次 pattern = /g\w*gle/;        // \w*:匹配任意多个所有字符数字及_; pattern = /google\d*/;      // \d*:匹配任意多个数字; pattern = /\D{7,}/;         // \D{7,}:匹配至少7个非数字; pattern = /^google$/;       // "^":从开头匹配;"$":从结尾匹配; var pattern = /8(.*)8/; var str = 'This is 8google8'; str.match(pattern); console.log(RegExp.$1);     // 得到第一个分组里的字符串内容,

2.贪婪和惰性 +        +? ?        ?? *        *? {n}      {n}? {n,}     {n,}? {n,m} {n,m}? var pattern = /[a-z]+?/;        //"?":关闭了贪婪匹配,只替换了第一个; var str = 'abcdefg'; alert(str.replace(pattern,'xxx'));    // =>xxxdefg,

// 使用exec返回数组 var pattern = /^[a-z]+\s[0-9]{4}$/i; var str  = 'google 2015'; alert(pattern.exec(str)[0]);    // 返回整个字符串=>google 2015,

var mẫu = /^[az]+/i; var str = 'google 2015'; notification(pattern.exec(str)); //Trả về các chữ cái phù hợp =>google,

// Sử dụng các ký tự đặc biệt để khớp; var mẫu = /\.\[\/b\]/; var str = '.[/b]';

// Sử dụng mẫu dòng mới var mẫu = /^\d+/mg; var str = '1.baidu\n2.google\n3.bing'; var result = str.replace(pattern,"#"); ; // #.baidu #.google #.bing,

Bốn quy tắc thường được sử dụng.

1. Kiểm tra mã bưu chính // Có tổng cộng 6 chữ số, chữ số đầu tiên không được là 0; var sample = /[1-9][0-9]{5}/; mẫu.test (str)),

2. Kiểm tra gói nén tập tin // số + chữ cái +_+.+zip|rar|gz var mẫu = /[\w]+\.zip|rar|gz/; var str = '123.zip'; ( mẫu.test(str)),

3. Xóa các khoảng trắng thừa var model = /\s/g; // Phải là toàn cục để khớp với tất cả var str = '111 222 333';

4. Xóa các khoảng trắng ở đầu và cuối var mẫu = /^\s+/ // Bắt buộc trước; var str = ' goo gle '; var result = str.replace(pattern,""); / \s+$/; // Buộc tail; result = result.replace(pattern,""); // Xóa dấu cách ở cuối 5. Xác minh email đơn giản var mẫu = /^([a-zA-Z0-9_\.\-]+)@([a-zA-Z0-0_\.\-]+)\.([a-zA-Z]{2,4} )$/; var str = 'abc123.com@gmail.com';

Cuối cùng, bài viết về biểu thức chính quy (ghi chú) của JavaScript kết thúc tại đây. Nếu bạn muốn biết thêm về biểu thức chính quy (ghi chú) của JavaScript, vui lòng tìm kiếm bài viết CFSDN hoặc tiếp tục duyệt các bài viết liên quan. Tôi hy vọng bạn sẽ ủng hộ nó trong tương lai. blog! .