ES6 字符串方法：startsWith，repeat，includes，normalize，padStart，endsWith，模板字符串

还是大剑师兰特：曾是美国某知名大学计算机专业研究生，现为航空航海领域高级前端工程师；CSDN知名博主，GIS领域优质创作者，深耕openlayers、leaflet、mapbox、cesium，canvas，webgl，echarts等技术开发，欢迎加底部微信（gis-dajianshi），一起交流。

No.	内容链接
1	Openlayers 【入门教程】 - 【源代码+示例300+】
2	Leaflet 【入门教程】 - 【源代码+图文示例 150+】
3	Cesium 【入门教程】 - 【源代码+图文示例200+】
4	MapboxGL【入门教程】 - 【源代码+图文示例150+】
5	前端就业宝典 【面试题+详细答案 1000+】

文章目录

1. includes()2. startsWith()3. endsWith()4. repeat()5. normalize()6. 模板字符串（Template literals）7. padStart() 和 padEnd()

---

ES6 为 JavaScript 的字符串类型引入了一些新的方法，以增强对字符串的处理能力。以下是几个主要的新增字符串方法：

1. includes()

const str = 'Hello, world!';console.log(str.includes('world')); // 输出：true

includes() 方法用于检测一个字符串是否包含在另一个字符串中，返回布尔值。

2. startsWith()

const str = 'Hello, world!';console.log(str.startsWith('Hello')); // 输出：true

startsWith() 方法用于检测字符串是否以指定的子字符串开头，返回布尔值。

3. endsWith()

const str = 'Hello, world!';console.log(str.endsWith('!')); // 输出：true

endsWith() 方法用于检测字符串是否以指定的子字符串结尾，返回布尔值。

4. repeat()

const str = 'Hello';console.log(str.repeat(3)); // 输出：'HelloHelloHello'

repeat() 方法用于重复一个字符串指定次数。

5. normalize()

const str = '\u00C5';console.log(str.normalize('NFC')); // 根据Unicode规范进行标准化

normalize() 方法用于规范化字符串，以便统一Unicode字符的不同表示形式。

6. 模板字符串（Template literals）

const name = 'Alice';const age = 22;console.log(`${name} is ${age} years old.`); // 输出："Alice is 22 years old."

模板字符串使用反引号 (`) 而不是单引号或双引号，支持多行文本和插值表达式。

7. padStart() 和 padEnd()

const str = '123';console.log(str.padStart(5, '0')); // 输出："00123"console.log(str.padEnd(5, '0')); // 输出："12300"

padStart() 和 padEnd() 分别用于在字符串头部和尾部添加指定字符直至达到给定长度。

此外，还有更多对字符串操作的增强，如字符串迭代器方法（[Symbol.iterator]），以及字符串的正则匹配相关方法（如 matchAll()）。这些新方法极大地提高了字符串操作的便利性和功能性。