正则表达式作为前端开发者日常工作的重要工具之一，其扩展与优化一直都是前端开发人员所追求的。在 ECMAScript 2016 的正则表达式扩展中，y 修饰符被引入。本篇文章将对其进行详细解析，帮助读者更好的理解和使用该修饰符。
y 修饰符的基本概念
ECMAScript 2016 规范中，y 修饰符被定义为一种“粘性”修饰符，用于指定一个全局匹配，该匹配从目标字符串的当前位置开始，执行连续的匹配。如果匹配失败，则视为匹配结束。与 g 修饰符不同，y 修饰符要求匹配必须从目标字符串的起始位置开始。
有了 y 修饰符，我们就可以轻松地验证目标字符串的开头是否匹配某个表达式，以及从某个位置开始匹配某个表达式，具有更灵活的控制。
y 修饰符的示例应用
为了更好地帮助读者理解 y 修饰符的应用，我们将展示一个相关示例。
在实际开发过程中，我们可能会遇到需要从目标字符串中匹配全部子字符串中的数字。使用正则表达式来匹配子字符串是非常有效的方法，我们可以使用以下代码实现匹配：
// javascriptcn.com 代码示例
// 使用 g 修饰符匹配所有数字
const re1 = /\d+/g;
// 使用 exec() 方法查找匹配的文本
const str = 'abc123def456';
let result = re1.exec(str);
while (result !== null) {
console.log(result[0]);
result = re1.exec(str);
}然而，如果您希望匹配的文本以数字开头，那么上述正则表达式将无法符合您的要求。在这种情况下，我们可以使用 y 修饰符来匹配其开头位置的数字：
// javascriptcn.com 代码示例
// 使用 y 修饰符匹配开头数字
const re2 = /^\d+/y;
// 从目标字符串开头开始匹配
let pos = 0;
while (pos < str.length) {
re2.lastIndex = pos;
const result = re2.exec(str);
if (result === null) {
break;
}
console.log(result[0]);
pos = re2.lastIndex;
}在上述代码中，我们先定义了一个正则表达式 \d+，然后使用 y 修饰符将其转换为 ^\d+/y，该正则表达式将匹配以数字开头的子字符串。
然后，我们使用 while 循环遍历目标字符串。在每次迭代中，我们将正则表达式的 lastIndex 属性设置为当前字符串位置，然后调用 exec() 方法以查找匹配。如果找到匹配，则将找到的匹配打印出来，并将位置更新到此匹配的下一个字符处。
总结
y 修饰符可以让正则表达式匹配从字符串开头开始的子字符串。与 g 修饰符不同，y 修饰符可以更直接的控制匹配的起始位置。通过以上示例，读者可以更清晰地理解 y 修饰符的具体应用方法。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65359ba07d4982a6ebcfb07b