javascript replace高级用法

Carson 发布于2019-08-23 15:14 / 3299人阅读

摘要：要求将下列字符串中的用红色字体显示在最初将其脚本语言命名为，后来在与合作之后将其改名为。但的主要设计原则源自和。高级用法之获取正则匹配的右边的字符要求将下列字符替换成解释获取的就是右边的内容，如上正则中就是。

在前端与后台交互的时候我们通常都需要将后台传递的数据绑定到html中，这个绑定数据的方式我们通常是使用jQuery或者使用原生的innerHTML进行绑定，当然也可以使用artTemplate模板来绑定数据，那么artTemplate模板它绑定数据的原理是什么呢？其实它就是利用了replace()方法。

对于正则replace约定了一个特殊标记符”$”：

1）、$i(i取值范围1~99)：表示从左到右正则子表达式所匹配的文本
2）、$&：表示与正则表达式匹配的全部文本
3）、$`(`：1旁边的那个键)：表示匹配字符串的左边文本
4）、$"("：单引号)：表示匹配字符串的右边文本
5）、$$：表示$转移

1、replace基本用法

1.1、replace基本用法之替换移除指定class类

2、replace高级用法之 ---- $i 2.1、简单的$i用法

2.2、$i与分组结合使用

2.3、$i与分组结合使用----关键字高亮显示

当我们使用谷歌搜索的时候我们会发现我们搜索的关键字都被高亮显示了，那么这种效果用JavaScript能否显示呢？答案是可以的，使用replace()很轻松就搞定了。

2.4、反向分组----分组的反向引用

在正则中，当我们需要匹配两个或多个连续的相同的字符的时候，就需要用到反向引用了，查找连续重复的字符是反向引用最简单却也是最有用的应用之一。上面的”$i”也是反向分组的一种形式，这里再介绍另一种反向分组。

3、replace高级用法之参数二为函数

replace函数的第二个参数不仅可以是一个字符，还可以是一个函数！

3.1、参数二为函数之参数详解

3.2、参数二为函数之首字母大写案例

3.3、参数二为函数之绑定数据----artTemplate模板核心

周星驰喜剧电影：

4、replace高级用法之获取与正则表达式匹配的文本 4.1、replace高级用法之获取与正则表达式进行匹配的源字符串

4.2、replace高级用法之获取正则表达式匹配到的字符

5、replace高级用法之获取正则匹配的左边的字符

6、replace高级用法之获取正则匹配的右边的字符

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

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

文章6：JS高级

摘要：一正则表达式使用正则表达是的字符串的三个基础用法进阶用法的用法支持正则的用法的正则用法的普通用法如果匹配不到值返回的进阶用法正则的进阶知识字符串的普通用法正则用法二面向对象封装继承多态三原型链与作用域链原型链作用域链四严格模式严格模式的实现一、JS正则表达式使用正则表达是的字符串的三个API //（1）replace基础用法 var str = welcome to my ho...

v1 2019-08-26 12:24 评论0 收藏0
正则系列——JavaScript正则表达式基础语法巩固篇

摘要：基础语法巩固正则表达式引擎根据正则去匹配字符的时候，是通过检查索引的方式。妻原配就是好，可以直接使用正则表达式调用它。下面解释一下上面这些常用的元字符查找单个字符，除了换行和行结束符。正则系列文章整理到了上一章内容：正则表达式实战篇知识回顾前2章分别学习了正则表达式入门技巧，以及遇到正则需求该如何去分析问题，还有正则表达式实战的一些场景解释。这一章内容偏向理论，推荐你点击开头的...

phodal 2019-08-22 11:09 评论0 收藏0
Vue.js-状态管理与Vuex

摘要：学习笔记状态管理与状态管理与非父子组件跨级组件和兄弟组件通信时，使用了中央事件总线的一个方法，用来触发和接收事件，进一步起到通信的作用。仓库包含了应用的数据状态和操作过程。新建文件，并写入的配置，会依赖此配置文件来使用编译代码。学习笔记：状态管理与Vuex 状态管理与Vuex 非父子组件（跨级组件和兄弟组件）通信时，使用了bus（中央事件总线）的一个方法，用来触发和接收事件，进一步...

lykops 2019-08-23 16:03 评论0 收藏0
谈谈javascript插件的写法

插件顾名思义就是能在一个页面多处使用, 各自按自己的参数配置运行, 并且相互不会冲突.会写javascript插件是进阶js高级的必经之路, 也是自己所学知识的一个典型的综合运用. 如果你还没头绪, 无从下手的话, 不用着急, 今天我们就一起来探讨一下插件的一般写法.所需技能： 1.面向对象用法 2.闭包的理解 3.变量作用域的理解以一个tab选项卡的为例: 第一步: 我们需要写html结...

lakeside 2019-08-20 15:10 评论0 收藏0