《HTML5与JavaScrip程序设计》项目七 JavaScript正则表达式 教学课件.pptxVIP

HTML5与JavaScrip程序设计北京出版社2024年9月10日课程名称

目录CONTENTS0102Web前端开发基础JavaScript基本语法JavaScript数组JavaScript函数JavaScript对象0304050706080910JavaScript事件JavaScript正则表达式HTML5本地与离线存储应用HTML5画布Canvas应用综合案例--网页小游戏制作

01项目七JavaScript正则表达式任务一初识正则表达式任务二字符处理任务三正则表达式的方法及应用正则表达式(regularexpression)是一种描述字符串结构的语法规则，是用于匹配字符串中字符组合的模式，同时正则表达式也是对象。正则表达式描述了一种字符串匹配的模式（pattern），可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。本项目让我们一起来了解正则表达式的概念及其作用、正则表达式的语法、正则表达式的常见应用场景、正则表达式的字符处理、正则表达式的方法及应用，并通过一些典型的案例来体验正则表达式的便利之处。

01许多语言，包括Perl、PHP、Python、JavaScript和JScript，都支持用正则表达式处理文本，一些文本编辑器用正则表达式实现高级“搜索-替换”功能。正则表达式描述了一种字符串匹配的模式（pattern），可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等，本次任务就是带着大家来认识正则表达式，掌握正则表达式的语法，并使用正则表达式来实现全文替换功能。完成任务任务描述

02能了解正则表达式的概念及作用。能掌握正则表达式的语法。能掌握正则表达式的方法及应用。能灵活使用不同的方式创建正则表达式对象。能完成全文搜索和代替功能。能力目标知识目标学习目标思政目标培养学习兴趣。规范操作，习惯养成。科技突破，创新强国。

03知识链接一、正则表达式的概念及其作用（1）正则表达式的概念正则表达式（regularexpression）是一种可以在许多现代应用程序和编程语言中使用的特殊形式的代码模式。可以使用它们来验证输入是否符合给定的文本模式，在一大段文本中查找匹配该模式的文本，用其他文本来替换匹配该模式的文本或者重新组织匹配文本的一部分，把一块文本划分成一系列更小的文本。在JavaScript中，正则表达式也是对象。（2）正则表达式的作用正则表达式通常被用来检索、替换那些符合某个模式（规则）的文本，例如验证表单：用户名表单只能输入英文字母、数字或者下划线，昵称输入框中可以输入中文(匹配)。此外，正则表达式还常用于过滤掉页面内容中的一些敏感词(替换)，或从字符串中获取我们想要的特定部分(提取)等。

03知识链接一、正则表达式的概念及其作用（3）正则表达式的特点①正则表达式非常灵活；②逻辑性和功能性非常强；③可以迅速地用极简单的方式达到字符串的复杂控制。

03知识链接二、正则表达式的语法（1）正则表达式的创建在JavaScript中，可以通过两种方式创建一个正则表达式。方式一：通过调用RegExp对象的构造函数创建varregexp=newRegExp(/表达式/)方式二：利用字面量创建正则表达式varrg=/表达式/（2）测试正则表达式通常使用regexObj.test(str)来测试正则表达式regexObj.test(str)：正则对象方法，用于检测字符串是否符合该规则，该对象会返回true或false，其参数是测试字符串。

03知识链接三、模式修饰符的用法模式修饰符：基本语法/表达式/[switch]switch：表示模式修饰符，是可选的，用于进一步对正则表达式进行设置。正则表达式常用的模式修饰符有以下几种：模式符说明g用于在目标字符串中实现全局匹配i忽略大小写m实现多行匹配

04任务实施接下来打开前端开发工具HBuilder，首先新建一个项目：subject07；再在项目中新建一个HTML文件：task07-1.html，输入如下代码：!DOCTYPEhtmlhtml head metacharset=UTF-8 title全文代替功能/title scriptlanguage=JavaScript functionreplactTxt(){ varmsgStr=document.getElementById(msg).innerText; varorgStr=document.getElementById(orgStr).value; vartargetStr=document.getEl