ES6 在语法和功能上对 JavaScript 做出了许多改进，其中对字符串进行的改进是非常显著的。本篇文章将为大家介绍 ES6 中的字符串方法，并提供详细的解释和示例代码。
1. 字符串模板
字符串模板是 ES6 引入的一项非常实用的功能，它可以简化拼接字符串的操作，也可以通过 ${} 语法插入变量、函数等表达式。
const name = 'Alice';
const age = 30;
// 使用字符串模板拼接字符串
const message = `我的名字是 ${name}，今年 ${age} 岁了。`;
console.log(message); // "我的名字是 Alice，今年 30 岁了。"2. 新增字符串方法
2.1 startsWith() 和 endsWith()
startsWith() 和 endsWith() 分别用于检查一个字符串是否以另外一个字符串开头或结尾，返回布尔值。
const str = 'Hello, world!';
console.log(str.startsWith('Hello')); // true
console.log(str.startsWith('world', 7)); // true，从第 7 个位置开始匹配
console.log(str.endsWith('!')); // true
console.log(str.endsWith('world', 13)); // true，从第 13 个位置往前数匹配2.2 includes()
includes() 用于检查一个字符串中是否包含另外一个字符串，返回布尔值。
const str = 'Hello, world!';
console.log(str.includes('world')); // true
console.log(str.includes('o', 5)); // true，从第 5 个位置开始匹配2.3 repeat()
repeat() 用于将一个字符串重复指定次数，返回新的字符串。
console.log('hello'.repeat(3)); // "hellohellohello"2.4 padStart() 和 padEnd()
padStart() 和 padEnd() 分别用于将一个字符串填充到指定长度，可以指定填充的字符串和填充的位置，默认用空格填充。
console.log('hello'.padStart(10)); // " hello"
console.log('hello'.padEnd(10)); // "hello "
console.log('hello'.padStart(10, '-')); // "-----hello"
console.log('hello'.padEnd(10, '-')); // "hello-----"2.5 trimStart() 和 trimEnd()
trimStart() 和 trimEnd() 分别用于去除一个字符串开头或结尾的空格，返回新的字符串。
const str = ' Hello, world! '; console.log(str.trim()); // "Hello, world!" console.log(str.trimStart()); // "Hello, world! " console.log(str.trimEnd()); // " Hello, world!"
3. 使用示例
在实际开发中，我们可以结合多个字符串方法来实现复杂的操作，比如格式化日期或时间。
-- -------------------- ---- ------- ----- ---- - --- ------- ----- ---- - ------------------- ----- ----- - ------------------- - -------------- ----- --- - ------------------------------- ----- ---- - -------------------------------- ----- ------ - ---------------------------------- ----- ------ - ---------------------------------- ----- ------------- - ------------------------ ----------------------------- --------------------------- -- ----------- ---------
上面的示例中，我们先获取当前日期和时间，然后使用 ${} 插入字符串模板中，使用 slice() 方法截取并填充月份、日期、小时、分钟、秒数，最后生成格式化的日期和时间字符串。
4. 总结
本文介绍了 ES6 中新增的字符串方法，并提供了具体的使用示例。这些方法中，字符串模板和字符串填充能够大大简化我们对字符串的操作，而其他方法则可以方便地对字符串进行检查和修改。在实际开发中，我们可以根据具体的需求选择适合的方法来处理字符串，从而优化我们的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6451b69f675af4061b57e5a7