随着 JavaScript 的发展，我们对于字符串和正则表达式的需求也越来越高。而在 ES6 中，新增了许多字符串的新特性以及正则表达式的应用，这篇文章将介绍其中的一些内容。
字符串新特性
模板字符串
在 ES6 中，我们可以使用模板字符串来方便地拼接字符串，并且可以在字符串中插入表达式和变量。
const name = 'Lucy';
const age = 18;
const info = `My name is ${name}, and I am ${age} years old.`;
console.log(info); // 输出：My name is Lucy, and I am 18 years old.通过使用反引号（``）来创建模板字符串，在字符串中可以使用 ${} 来插入表达式和变量。这种写法比传统的字符串拼接方式更加直观和易读。
多行字符串
在传统的 JavaScript 中，如果要换行，需要使用反斜杠（\）来转义换行符。而在 ES6 中，我们可以使用多行字符串来简化这个过程。
const desc = `This is a multiline string. It is much more readable and easy to write.`; console.log(desc); // 输出： // This is a multiline string. // It is much more readable and easy to write.
通过使用反引号（``）来创建多行字符串，就可以直接在字符串中使用换行符了。
字符串新增方法
在 ES6 中，字符串新增了一些方法，例如 startsWith、endsWith、includes 等，可以用来判断字符串是否以某个子串开头、结尾或者包含某个子串。
const str = 'Hello, world!';
console.log(str.startsWith('Hello')); // 输出：true
console.log(str.endsWith('world!')); // 输出：true
console.log(str.includes('o')); // 输出：true正则表达式应用
命名捕获组
在传统的正则表达式中，需要使用位置参数来获取捕获组匹配的内容。而在 ES6 中，我们可以使用命名捕获组来更加直观地获取捕获组的内容。
const str = '2019-10-01';
const re = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;
const match = str.match(re);
console.log(match.groups.year); // 输出：2019
console.log(match.groups.month); // 输出：10
console.log(match.groups.day); // 输出：01通过使用 ?<name> 的语法来设置命名捕获组的名称，再通过 match 方法获取捕获组的内容，可以直接通过命名捕获组的名称来获取对应的匹配内容，更加方便直观。
正则表达式 y 修饰符
正则表达式 y 修饰符可以确保每次匹配都是从上一次匹配结束的位置开始。通常在需要连续匹配多个子串的场合下使用。
const str = 'abbabbab'; const re = /ab/y; console.log(re.exec(str)); // 输出：['ab', index: 0, input: 'abbabbab'] console.log(re.exec(str)); // 输出：null
通过使用 y 修饰符来创建正则表达式，再通过 exec 方法来多次匹配字符串，每次匹配都会从上一次匹配结束的位置开始。如果模式匹配失败，exec 方法会返回 null。
总结
ES6 中的字符串新特性和正则表达式应用，方便了我们在代码编写中对字符串和正则表达式的使用。了解这些内容，可以使我们在编写代码时更加高效、直观，也可以提升代码的可读性和可维护性。
相关示例代码可以在 GitHub 上查看。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64df3c81f6b2d6eab3a6ecf9