JavaScript 中的通配符字符串比较
- JavaScript 中的正则表达式
-
使用
test()
方法作为 JavaScript 中的RegExp
对象 -
在 JavaScript 中使用
substring()
方法 -
在 JavaScript 中使用
substr()
函数 -
JavaScript 中
substring()
和substr()
的区别 - JavaScript 中的通配符字符串比较
-
在 JavaScript 中使用
escapeRegex
函数 - 结论
这篇文章是关于 JavaScript 的正则表达式,不同的字符串方法,以及 JavaScript 中的通配符字符串比较。这些问题被解决为:
- 什么是 JavaScript 中的正则表达式。
substr
和substring
如何与正则表达式一起使用。- JavaScript 中如何使用通配符方法进行字符串比较。
JavaScript 中的正则表达式
正则表达式是由一系列字符组成的搜索模式。此搜索模式可以定义你在搜索文本中的数据时要查找的内容。
正则表达式可能像单个字符一样简单,也可能像复杂模式一样复杂。所有文本搜索和文本替换操作都可以使用正则表达式来执行。
/BlocTAK/x;
在代码行中,BlocTAK
是用于搜索的模式,x
是确保搜索不区分大小写的修饰符。
使用 test()
方法作为 JavaScript 中的 RegExp
对象
RegExp 表达式方法是 test()
方法。它在字符串中查找模式并根据结果返回 true 或 false。
代码 - HTML:
<html>
<body>
<p>Search for "H" in the next paragraph:</p>
<p id="5">Hello World</p>
<p id="data"></p>
</body>
</html>
它也可以使用 <script>
标签添加到 HTML 的标题中。
代码 - JavaScript:
let text = document.getElementById("5").innerHTML;
const pattern = /e/;
document.getElementById("data").innerHTML = pattern.test(text);
运行代码。
在 JavaScript 中使用 substring()
方法
函数 substring()
从字符串中提取字符并返回两个索引(位置)之间的子字符串。substring()
函数从字符串的开头到结尾删除字符(不包括在内)。
substring()
方法不会改变原始字符串。如果开始大于结束,则切换参数,并且当开始或结束值小于零时,它们被认为是 0
。
代码 - HTML:
<html>
<body>
<p>substring() extracts a part of a string:</p>
<p id="demo"></p>
</body>
</html>
代码 - JavaScript:
let text = "Hello world!";
let result = text.substring(7, 5);
document.getElementById("demo").innerHTML = result;
运行代码。
在 JavaScript 中使用 substr()
函数
substr()
函数接受一个字符串段并提取它。substr()
函数接受给定数量的字符并返回定义数量的字符。
substr()
不会更改原始字符串。使用负开始位置从字符串的末尾删除字符。
代码 - HTML:
<html>
<body>
<p>substr() extracts a part of a string:</p>
<p id="data"></p>
</body>
</html>
代码 - JavaScript:
let text = "Hello world!";
let result = text.substr(7, 5);
document.getElementById("data").innerHTML = result;
运行代码。
JavaScript 中 substring()
和 substr()
的区别
你应该小心不要混淆 substring()
和 substr()
方法,因为它们之间存在细微差别。substring()
有两个参数,开始和结束索引。
相比之下,substr()
有两个参数,起始索引和返回字符串中包含的字符数。
代码:
let text = 'BlocTAK'
console.log(text.substring(2,5)) // => "ocT"
console.log(text.substr(2,3)) // => "ocT"
JavaScript 中的通配符字符串比较
单个字符,例如星号 (*
),是一个通配符,可以读取为多个文字字符或空字符串。它经常用于文件搜索,因为它消除了输入完整名称的需要。
使用文本和通配符模式实现通配符模式匹配方法,以查看通配符模式是否与文本匹配。匹配应该一直贯穿文本。
这 ?
和 *
可用于通配符模式。
代码:
function match(first, second)
{
if (first.length == 0 && second.length == 0)
return true;
if (first.length > 1 && first[0] == '*' &&
second.length == 0)
return false;
if ((first.length > 1 && first[0] == '?') ||
(first.length != 0 && second.length != 0 &&
first[0] == second[0]))
return match(first.substring(1),
second.substring(1));
if (first.length > 0 && first[0] == '*')
return match(first.substring(1), second) ||
match(first, second.substring(1));
return false;
}
function test(first, second)
{
if (match(first, second))
document.write("Yes" + "<br>");
else
document.write("No" + "<br>");
}
test("He*lo", "Hello"); // Yes
test("He?lo*", "HelloWorld"); // Yes
test("*pqrs", "pqrst"); // No because 't' is not in first
test("abc*bcd", "abcdhghgbcd"); // Yes
test("abc*c?d", "abcd"); // No because second must have 2 instances of 'c'
运行代码。
在移至 Pattern and Text 中的下一个字符之前,通配符模式存在三种情况。
?
字符匹配任何单个字符。*
字符匹配任何字符序列。- 字符不是通配符。如果 Text 中的当前字符与 Pattern 中的当前字符匹配,我们将转到 Pattern 和 Text 中的下一个字符。
上面的代码是一个字符串匹配的例子,其中给出了一个包含通配符的字符串,使用前两种情况。
在 JavaScript 中使用 escapeRegex
函数
使用 escapeRegex
函数转义正则表达式中具有任何特殊含义的任何字符。
代码:
function matchRuleShort(str, rule) {
var escapeRegex = (str) => str.replace(/([.*+?^=!:${}()|\[\]\/\\])/g, "\\$1");
return new RegExp("^" + rule.split("*").map(escapeRegex).join(".*") + "$").test(str);
}
function matchRuleExpl(str, rule) {
var escapeRegex = (str) => str.replace(/([.*+?^=!:${}()|\[\]\/\\])/g, "\\$1");
rule = rule.split("*").map(escapeRegex).join(".*");
rule = "^" + rule + "$"
var regex = new RegExp(rule);
return regex.test(str);
}
alert(
"1. " + matchRuleShort("bird123", "bird*") + "\n" +
"2. " + matchRuleShort("123bird", "*bird") + "\n" +
"3. " + matchRuleShort("123bird123", "*bird*") + "\n" +
"4. " + matchRuleShort("bird123bird", "bird*bird") + "\n" +
"5. " + matchRuleShort("123bird123bird123", "*bird*bird*") + "\n" +
"6. " + matchRuleShort("s[pe]c 3 re$ex 6 cha^rs", "s[pe]c*re$ex*cha^rs") + "\n" +
"7. " + matchRuleShort("should not match", "should noo*oot match") + "\n"
);
运行代码。
escapeRegex
转义正则表达式中包含任何特殊含义的任何字符,对于任何字符串 grep(regexpEscape(string), string)
,它始终为 true
。
结论
在本文中,我们介绍了正则表达式及其对象的概念。然后我们关注字符串方法 substr
和 substring
及其区别。
此外,我们在 JavaScript 中将这些字符串方法 substr()
和 substring()
与通配符方法一起使用。最后,我们在 JavaScript 中使用 regexp
对象 true()
和 regexpEscape
函数使用通配符字符串比较。