本文实例讲述了ES6新特性之字符串的扩展。分享给大家供大家参考，具体如下：
一、ES5字符串函数
concat: 将两个或多个字符的文本组合起来，返回一个新的字符串。
indexOf: 返回字符串中一个子串第一处出现的索引（从左到右搜索）。如果没有匹配项，返回 -1 。
charAt: 返回指定位置的字符。
lastIndexOf: 返回字符串中一个子串最后一处出现的索引（从右到左搜索），如果没有匹配项，返回 -1 。
match: 检查一个字符串匹配一个正则表达式内容，如果么有匹配返回 null。
substring: 返回字符串的一个子串，传入参数是起始位置和结束位置。
substr: 返
在ES6中，字符串得到了显著的扩展，引入了一系列新的特性，极大地增强了字符串处理的能力。以下是对这些新特性的详细说明：
1. **模板字符串（Template literals）**
模板字符串是ES6引入的一种增强型字符串，使用反引号（`）包裹。它允许我们在字符串中直接插入变量和表达式，简化了多行字符串的书写，同时提供了更方便的字符串格式化。例如：
```javascript
let name = 'Alice';
let age = 25;
console.log(`My name is ${name} and I am ${age} years old.`);
```
在模板字符串中，`${}`称为插值表达式，它可以包含变量、函数调用等任何JavaScript表达式。
2. **多行字符串**
使用模板字符串，我们可以直接编写跨越多行的字符串，而不需要使用加号（+）来连接每一行。这使得代码更加清晰易读：
```javascript
let message = `This is a
multi-line string.`;
```
3. **字符串方法扩展**
- **includes()**: 返回一个布尔值，表示字符串是否包含指定的子字符串。如：`'hello'.includes('lo')` 返回 `true`。
- **startsWith()**: 检查字符串是否以指定的子字符串开头，返回布尔值。如：`'Hello'.startsWith('Hell')` 返回 `true`。
- **endsWith()**: 检查字符串是否以指定的子字符串结尾，返回布尔值。如：`'world!'.endsWith('ld!')` 返回 `true`。
- **repeat()**: 重复字符串一定次数并返回新的字符串。例如：`'abc'.repeat(3)` 返回 `'abcabcabc'`。
4. **padStart() 和 padEnd()**
这两个方法用于在字符串的开头或结尾填充指定的字符，以达到指定的总长度。例如：
```javascript
let str = 'x';
str.padStart(5, 'abc'); // 'abcab'
str.padEnd(5, 'abc'); // 'xabcabc'
```
如果字符串已经满足或超过指定长度，这两个方法都不会改变原始字符串。
5. **其他字符串方法**
- **trim(), trimLeft(), trimRight()**: 分别用于移除字符串两侧、左侧或右侧的空白字符。
- **codePointAt()**: 返回指定位置的Unicode码点。
- **normalize()**: 根据Unicode规范，将字符串标准化为不同形式。
- **fromCharCode()**: 反向操作，根据给定的Unicode码点创建字符串。
6. **字符串的遍历**
ES6引入了可迭代协议，使得字符串可以通过for...of循环进行遍历，每个循环体中的变量会依次得到字符串的每个字符。
通过这些新特性，开发者在处理字符串时有了更多灵活的选择，代码更简洁，也更容易维护。模板字符串尤其在构建动态HTML、日志记录、调试等方面表现得尤为出色。ES6对字符串的扩展极大地提升了JavaScript在字符串操作上的体验和效率。
