当ES6遇上字符串和正则表达式

当ES6遇上字符串和正则表达式，能够大大提高我们的编程效率，以下内容将详细讲解ES6与字符串、正则表达式的操作。

字符串

1. 模板字符串

ES6中，我们可以使用模板字符串来更方便的输出变量。 模板字符串用反引号（`）来表示，用${}来表示变量。

示例:

const name = '小明';
const age = 18;
console.log(`我叫${name}，今年${age}岁了`);
// 输出: 我叫小明，今年18岁了

2. 字符串新增方法：startsWith、endsWith、includes

ES6中，新增了startsWith、endsWith、includes方法，可以方便地判断字符串是否以指定的字符开始或结束，或者是否包含指定的字符。

示例：

const str = 'Hello, World!';
console.log(str.startsWith('Hello')); // 输出: true
console.log(str.endsWith('World!')); // 输出: true
console.log(str.includes('or')); // 输出: true

正则表达式

1. 正则表达式的声明方式

ES6中，正则表达式有两种声明方式：使用RegExp构造函数声明和使用字面量声明。

示例：

// 使用RegExp构造函数
const reg1 = new RegExp(/\d+/);

// 使用字面量
const reg2 = /\d+/;

2. 正则表达式新增方法：flags

ES6中，正则表达式新增了flags属性，用来获取正则表达式的修饰符。

示例：

const reg = /test/gi;
console.log(reg.flags); // 输出: gi

3. 正则表达式新增方法：matchAll

ES6中，新增了matchAll方法，可以一次性匹配出所有的结果并返回一个迭代器。

示例：

const str = '1234567890';
const reg = /\d{3}/g;
const iterator = str.matchAll(reg);

for (const match of iterator) {
  console.log(match);
}
// 输出:
// ["123", index: 0, input: "1234567890", groups: undefined]
// ["456", index: 3, input: "1234567890", groups: undefined]
// ["789", index: 6, input: "1234567890", groups: undefined]

以上就是当ES6遇上字符串和正则表达式的完整攻略，希望能对您有所帮助。