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 函数使用通配符字符串比较。