1.前言.
js正则表达式博大精深，只能一步一步去探索。其中字符串匹配替换是经常需要用到的。下面举个例子。
2.例子。
实现首尾字符串变色。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>MyHtml.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
</head>
<body>
<script type="text/javascript">
//需要匹配的字符串
var content="few相,相fje相fjeiwow息iwow息息.fewwfew相,相fje相fjeiwow息iwow息息.fewwfew相,相fje相fjeiwow息iwow息息.fewwfew相,相fje相fjeiwow息iwow息息.fewwfew相,相fje相fjeiwow息iwow息息.feww";
/*
* 方法用途 :匹配的方法，实现将所有满足条件的，首尾相间两个字符串v1和v2变红色，中间的串不变,并将改变的字符串嵌入div里面
* 例子 :如"kk相bb息",被替换后变为"kk相bb息","相"和"息"都变成红色
* v1:要匹配的开始的字符串
* v2:要匹配的结束的字符串
**/
function gl(v1,v2){
content=document.getElementById("test").value;
v1=document.getElementById("test1").value;
v2=document.getElementById("test2").value;
//将两个字符串的正则表达式进行组装，三个括号代表三个需要匹配的地方
var strk="(\s*)"+"(\\"+v1+"+)"+"*(\\"+v2+"+)\*";
//进行全局多次匹配
var reg=new RegExp(strk,"gmi");
//分别将匹配的第二个和第三个参数变红色
var rep=content.replace(reg,"$1<font color=\"red\">$2</font><font color=\"red\">$3</font>");
//将结果嵌入div,以便让我们看到
document.getElementById("test3").innerHTML=rep;
}
</script>
请输入:要过滤的字符串: <input id="test" value="few相,相fje相fjeiwow息iwo" size="300" /><br/>
请输入首字符串:<input id="test1" value="相" size="300" /><br/>
请输入 尾字符串: <input id="test2" value="息" size="300" /><br/>
<button id="testB" onclick="gl('相','息')">过滤</button><br/>
<div id="test3">feww</div><br/>
</body>
</html>
实现根据数组进行过滤:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>MyHtml.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
</head>
<body>
<script type="text/javascript">
//需要匹配的字符串
var content="few相,相fje相fjeiwow息iwow息息.fewwfew相,相fje相fjeiwow息iwow息息.fewwfew相,相fje相fjeiwow息iwow息息.fewwfew相,相fje相fjeiwow息iwow息息.fewwfew相,相fje相fjeiwow息iwow息息.feww";
var array=['电影','B样','发票','炒蛋'];
function guolv(){
var content=document.getElementById("test").value;
for(var i=0;i<4;i++){
var keyword=array[i];
var strk="("+keyword+"+)";
var reg=new RegExp(strk,"gmi");
var result=content.replace(reg,"<font color=\"red\">$1</font>");
content=result;
}
//将结果嵌入div,以便让我们看到
document.getElementById("test3").innerHTML=content;
}
</script>
请输入:要过滤的字符串: <input id="test" value="'电影','B样#$%&fwefew电影电影wfe,'发票','炒蛋'" size="300" /><br/>
<br/>
(1)过滤简单的<br/>
<button id="testB" onclick="guolv()">过滤</button><br/>
<div id="test3">feww</div><br/>
<br/>
</body>
</html>
分享到：
相关推荐
这些知识点涵盖了从基本的数字验证到复杂的字符串匹配等多个方面。下面是详细的知识点总结： ### 基本概念 正则表达式是一种用于文本模式匹配的强大工具。通过定义一组规则来识别文本中的特定模式，正则表达式被...
正则表达式（Regular Expression）是一种模式匹配工具，在文本处理领域有着广泛的应用，尤其是在JavaScript等编程语言中，用于字符串搜索、替换以及提取等功能。本文将详细介绍一系列常用的正则表达式及其应用场景，...
以下是一些常见的JavaScript正则表达式及其应用： 1. **匹配中文字符**：`[\u4e00-\u9fa5]` 这个正则表达式用于匹配Unicode范围内的中文字符，包括所有汉字。例如，如果你想在一个字符串中查找所有中文字符，可以...
正则表达式是一种强大的文本处理工具，被广泛应用于各种编程语言中，用于实现对文本的查找、替换、匹配等功能。本文将详细介绍一系列实用且全面的正则表达式，旨在帮助开发者在实际工作中更加高效地完成相关任务。 ...
正则表达式（Regular Expression）是一种强大的文本处理工具，在编程语言中被广泛应用于字符串匹配、搜索与替换等操作中。它能够帮助我们快速地识别、提取或修改符合特定模式的文本内容。 ### 常用正则表达式示例 ...
- **定义**：正则表达式是一种模式匹配工具，用于文本处理，在编程语言中广泛运用，帮助开发者查找、替换和验证字符串中的特定字符或模式。 - **用途**：常用于表单验证、数据清洗、文本搜索等场景。 #### 二、中文...
这是通过使用正则表达式将每个非ASCII字符替换为两个字符“aa”，然后计算替换后字符串的总长度来实现的。 ### 匹配空行 正则表达式：`\n[\s|]*\r` 此表达式用于匹配空行，即仅包含空白字符和换行符的行，适用于...
- 使用了正则表达式`/^[a-zA-Z0-9]+$/`，其中`^`表示字符串开始，`$`表示字符串结束，`[a-zA-Z0-9]`表示字母或数字字符集，`+`表示至少出现一次该字符集中的字符。 2. **isnumber(str)**：验证输入字符串是否为...
【JavaScript 正则表达式大全】是一篇...这些函数提供了一套完整的JavaScript正则表达式验证工具，涵盖了常见的数据格式检查，如日期、时间、邮箱、数字、字母数字组合等，对于前端开发人员来说是非常实用的参考资料。
JavaScript中的正则表达式是处理字符串的强大工具，用于匹配、替换、查找等操作。下面将详细介绍上述提供的常见正则表达式及其用途。 1. **非负整数（正整数 + 0）**：`^\\d+$` 这个正则表达式用于匹配仅包含非负...
#### 匹配首尾空白字符的正则表达式：^\s*|\s*$ 该表达式用于删除字符串首尾的空白字符。其中，`^\s*`表示匹配开头的空白字符，`\s*$`表示匹配结尾的空白字符。这在文本处理中非常常见，可以确保字符串的整洁性和...
根据提供的文件信息，我们可以归纳出一系列与正则表达式相关的知识点。这些知识点主要涉及不同类型的字符串验证、格式化以及特殊用途的正则表达式的构造。下面将详细解释这些知识点： ### 1. 数字相关正则表达式 -...
正则表达式是一种强大的文本处理工具，它能够帮助开发者高效地进行字符串的搜索、替换等操作。在C#中，正则表达式的功能非常强大，广泛应用于数据验证、文本处理等领域。本文将根据提供的内容总结一些常用的C#正则...
正则表达式是一种强大的文本处理工具，它通过一种描述性的语言来匹配、查找、替换等操作一系列为了执行模式匹配而编写的字符组合。在实际开发过程中，正则表达式被广泛应用于字符串处理、表单验证等多个方面。 ####...
以下是一些经典的JavaScript正则表达式及其应用场景： 1. **匹配中文字符**： `[\u4e00-\u9fa5]` 这个正则表达式可以用来匹配Unicode范围内的中文字符。在JavaScript中，它可以帮助你在处理中文字符串时进行筛选或...
- **说明**: 这个正则表达式用于去除字符串首尾的空白字符。`^s*` 表示开头处任意数量的空白字符，而 `s*$` 表示结尾处任意数量的空白字符。 - **示例代码**: ```javascript String.prototype.trim = function() {...
正则表达式是处理文本数据的强大工具，通过灵活使用不同的正则表达式模式，可以高效地完成字符串匹配、搜索、替换等任务。以上列举的一些常见应用场景和示例可以帮助开发者更好地理解和应用正则表达式技术。无论是...