JavaScript 之 面向对象 [ 正则表达式 ]

正则表达式

描述

  • 表示用于对一些特定的数据内容制定规则的表达式

创建正则表达式

  • 字面量方式
var 表达式名 = / 参数 / 参数
  • 第一个参数 - 表示定义正则表达式的内容
  • 第二个参数 - 表示定义正则表达式的行为
/* 字面量方式 */
var reg1 = /12345/i;
  • 构造函数方式
var 表达式名 = new RegExp( 参数,[参数] )
  • 第一个参数 - 表示定义正则表达式的内容
  • 第二个参数 - 表示定义正则表达式的行为
/* 构造函数方式 */
var reg2 = new RegExp( '12345', 'i' );

正则表达式的运行

  1. 先定义正则表达式的内容 - 判断条件
  2. 在定义需要判断的数据内容
  3. 最后利用正则表达式来判断指定的内容是否符合要求
  • test()方法 - 用于正则表达式进行判断

    • 参数 - 当前需要判断验证的数据内容
    • 返回值 - 表示验证后的结果(布尔值)

      • true - 表示符合要求
      • false - 表示不符合要求
    • 判断需要在最后进行,之前的定义可以随意顺序
/* 定义需要判断的数据 */
var num = 12345;
/* 定义正则表达式 */
var reg = /12345/;
/* 对指定数据进行判断 */
var s = reg.test( num );
console.log( s );// 显示 true

字符类

  • 将判断条件放进一个中括号里([])组成字符类
  • 字符类允许 需要验证的内容匹配任意条件

    • 只满足一个条件也可以
/* 定义一个字符串 */
var str = '12345';
/* 定义正则表达式 */
var reg = /12345/;
/* 定义字符类 */
var reg = /[12345]/;
/* 字符类的另一种写法 */
var reg = /[0-9]/;
/* 正则表达式的转义字符 */
var reg = /\d/;

/* 显示判断结果 */
var s = reg.test( str );
console.log( s );// 显示 true

重复

  • 表示在表达式中字符出现的次数
  • { n, m }

    • n - 表示最少出现的次数(包含本身)
    • m - 表示最多出现的次数(包含本身)
  • 注意 - 字符出现的次数必须是连续的
/* 定义一个字符串 */
var str = '12345';
/* 定义正则表达式 */
var reg = /[0-9]{2,4}/;
/* 显示判断后的结果 */
var s = reg.test( str );
console.log( s );// 显示 true

匹配指定位置

  • 表示设置匹配数据的位置
  • 上尖角号(^) - 表示以什么开始的
  • 美元符($) - 表示以什么结束的
  • 当同时设置开始和结束时 - 表示所匹配内容的长度只能为至少n次,至多m次,而且内容必须与字符类匹配
  • 匹配结果为布尔值

    • true - 表示匹配
    • false - 表示不匹配
/* 定义一个字符串 */
var str1 = '12345';
/* 设置判断条件 */
var reg1 = /^[0-9]{2,4}/;
/* 显示判断结果 */
var s1 = reg1.test( str1 );
console.log( s1 );// 显示 true

/* 定义一个字符串 */
var str2 = '12345';
/* 设置判断条件 */
var reg2 = /[0-9]{2,4}$/;
/* 显示判断结果 */
var s2 = reg2.test( str2 );
console.log( s2 );// 显示 true

/* 定义一个字符串 */
var str3 = '1234';
/* 设置判断条件 */
var reg3 = /^[0-9]{2,4}$/;
/* 显示判断结果 */
var s3 = reg3.test( str3 );
console.log( s3 );// 显示 true

修饰符

  • 表示正则表达式的行为,用于进一步对指定数据的搜索
  • i - 表示不区分大小写搜索
  • g - 表示全局搜索
  • m - 表示多行搜索
/* 定义一个字符串 */
var str = 'sanbubaitou';
/* 进行条件判断 */
var reg = /^[A-Z]{3,13}$/i;
/* 显示判断结果 */
var s = reg.test( str );
console.log( s );// 显示 true

exec()方法

  • 通过指定数据内容的位置来获取目标的数据内容
  • 该方法具有返回值 - 一个数组

    • 第一个元素 - 表示与指定位置匹配的内容
    • 第二个元素 - 表示匹配内容的对应位置(索引值)
    • 第三个元素 - 表示完整的内容(字符串的全部内容)
  • 如果指定的位置没有相匹配内容,返回的结果为 null
/* 定义一个字符串 */
var str = 'sanbubaitou';
/* 进行条件判断 */
var reg = /s{1}/;
var s = reg.exec( str );
console.log( s );// 显示 [ 's', index: 0, input: 'sanbubaitou' ]

var reg = /w{1}/;
console.log( reg.exec( str ) );// 显示 null

相关推荐