资讯专栏INFORMATION COLUMN

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

mj / 757人阅读

摘要:正则表达式描述表示用于对一些特定的数据内容制定规则的表达式创建正则表达式字面量方式表达式名参数参数第一个参数表示定义正则表达式的内容第二个参数表示定义正则表达式的行为字面量方式构造函数方式表达式名参数参数第一个参数表示定义正则表达式的

正则表达式 描述

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

创建正则表达式

字面量方式

var 表达式名 = / 参数 / 参数

第一个参数 - 表示定义正则表达式的内容

第二个参数 - 表示定义正则表达式的行为

/* 字面量方式 */
var reg1 = /12345/i;

构造函数方式

var 表达式名 = new RegExp( 参数,[参数] )

第一个参数 - 表示定义正则表达式的内容

第二个参数 - 表示定义正则表达式的行为

/* 构造函数方式 */
var reg2 = new RegExp( "12345", "i" );
正则表达式的运行

先定义正则表达式的内容 - 判断条件

在定义需要判断的数据内容

最后利用正则表达式来判断指定的内容是否符合要求

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/108444.html

相关文章

  • JavaScript面向对象RegExg类型

    摘要:类型概述正则表达式是什么由一些普通字符和特殊字符组成,描述一种特定字符规则表达式常用在一段文本中搜索,匹配或替换特定形式文本,词语出现频率统计,验证字符串是否符合邮箱格式,屏蔽一幅帖子中限制性词语等等创建正则表达式参数为模式,可以是任何简单 JS(JavaScript)RegExp类型;1.概述; 正则表达式是什么 由一些普通字符和特殊字符组成,描述一种特定字符规则表达式常用在一段文本...

    Integ 评论0 收藏0
  • H5学习

    摘要:为此决定自研一个富文本编辑器。本文,主要介绍如何实现富文本编辑器,和解决一些不同浏览器和设备之间的。 对ES6Generator函数的理解 Generator 函数是 ES6 提供的一种异步编程解决方案,语法行为与传统函数完全不同。 JavaScript 设计模式 ② 巧用工厂模式和创建者模式 我为什么把他们两个放在一起讲?我觉得这两个设计模式有相似之处,有时候会一个设计模式不能满...

    aristark 评论0 收藏0
  • JavaScript 面向对象 [ String类型 ]

    摘要:类型描述类型对应原始类型中的类型大小写转换表示将指定字符串中内容英文小小写的转换方法表示将内容转换成大写方法表示将内容转换成小写定义一个字符串将字符串转换成全大写将字符串转换成全小写根据指定位置获取字符串内容表示通过指定字符串中指定字符的位 String类型 描述 String类型对应原始类型中的string类型 大小写转换 表示将指定字符串中内容(英文)小小写的转换 toUpperC...

    fnngj 评论0 收藏0
  • JS高级讲解面向对象,原型,继承,闭包,正则达式,让你彻底爱上前端(进阶二)

    摘要:通过构造函数得到的实例对象内部会包含一个指向构造函数的对象的指针。 JavaScript 高级 学习目标: 理解面向对象开发思想 掌握 JavaScript 面向对象开发相关模式 掌握在 JavaScript 中使用正则表达式 面向对象介绍 程序中面向对象的基本体现 在 JavaScript 中,所有数据类型都可以视为对象,当然也可以自定义对象。自定义的对象数据类型就是面向对象中...

    Nino 评论0 收藏0

发表评论

0条评论

mj

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<