ES6字符串的扩展实例

ES6字符串的扩展是 ECMAScript 2015 标准（以下简称ES6）中增加的一系列字符串相关的功能。这些新特性包括模板字符串、多行字符串、字符串的扩展方法等。本文将给出一份扩展实例攻略，来帮助你更好地了解 ES6 字符串的使用方法。

模板字符串

模板字符串是ES6中一种新的字符串类型，用一对反引号（`）括起来，并且可以在其中嵌入表达式或变量。

下面是一个使用模板字符串的简单例子：

const name = "John";
const age = 30;

const message = `My name is ${name} and I'm ${age} years old.`;
console.log(message); // Output: My name is John and I'm 30 years old.

在该实例中，使用反引号（）包裹了一个特殊的字符串，其中包含了两个变量${name}和${age}。这些变量用${}` 包括起来并且会被自动解析和输出。这样做简化了字符串格式化，并且使得输出的字符串更加可读。

字符串的扩展方法

ES6 字符串增加了很多方便实用的 API。（这里我们仅展示其中的两个）

includes() 方法

ES6 字符串中新加入了 includes() 方法，用于检查一个字符串是否包括另一个字符串，并返回 true 或 false。

const str = 'hello world';
console.log(str.includes('world')); // Output: true
console.log(str.includes('world2')); // Output: false

在该示例中，使用 includes() 方法判断 str 里是否包含 world，结果返回 true。再次尝试判断 str 是否包含 world2，结果返回 false。

startsWith() 和 endsWith() 方法

startsWith() 方法用于判断一个字符串是否以指定的字符串开头，endsWith() 方法用于判断一个字符串是否以指定的字符串结尾。

const str = 'hello world';
console.log(str.startsWith('hello')); // Output: true
console.log(str.endsWith('world')); // Output: true

在该示例中，使用 startsWith() 方法判断 str 是否以 hello 开头，结果返回 true。再次尝试使用 endsWith() 方法判断 str 是否以 world 结尾，结果返回 true。

多行字符串

ES6 字符串中增加了一种多行字符串的写法，使用反引号包裹起来的字符串可以自由换行。

const str = `
  <div>
    <h1>标题</h1>
    <p>这是一个段落。</p>
  </div>
`;

在该示例中，使用多行字符串定义了一个 HTML 片段，并且使用了换行符。这样做使得代码更清晰易读、更符合直觉，并且避免了传统写法（使用加号拼接多个字符串）的繁琐麻烦。

总之，ES6 字符串的扩展为工程师的字符串操作带来了很多方便，并且也展示了 JS 对语言的不断完善和改进。