使用 ES6 中的字符串方法有效处理字符串
在前端开发中，字符串的操作是非常常见的。在 ES6 中，新增了很多字符串方法，这些方法可以让我们更加高效地处理字符串。
本文将介绍 ES6 中的字符串方法，并通过示例代码展示它们的使用。
- includes()
includes() 方法检查字符串是否包含指定的子字符串，如果包含则返回 true，否则返回 false。
示例代码：
const str = 'Hello, world!';
console.log(str.includes('world')); // true
const str2 = 'ES6 is awesome';
console.log(str2.includes('awesome', 8)); // false解释：
includes() 方法支持两个可选参数，第一个参数是要查找的字符串，第二个参数是搜索的起始位置。在第二个示例中，字符'w'的索引是7，但是搜索起始位置是8，所以不会找到'awesome'。
- startsWith()
startsWith() 方法检查字符串是否以指定的字符串开头，如果是则返回 true，否则返回 false。
示例代码：
const str = 'Hello, world!';
console.log(str.startsWith('Hello')); // true
const str2 = 'ES6 is awesome';
console.log(str2.startsWith('is', 4)); // true解释：
startsWith() 方法也支持两个可选参数，第一个参数是要查找的字符串，第二个参数是搜索的起始位置。在第二个示例中，字符'i'的索引是5，而搜索起始位置是4，因此会找到'is'。
- endsWith()
endsWith() 方法检查字符串是否以指定的字符串结尾，如果是则返回 true，否则返回 false。
示例代码：
const str = 'Hello, world!';
console.log(str.endsWith('world!')); // true
const str2 = 'ES6 is awesome';
console.log(str2.endsWith('is', 4)); // false解释：
endsWith() 方法也支持两个可选参数，第一个参数是要查找的字符串，第二个参数是搜索的起始位置。在第二个示例中，字符'i'的索引是5，但是搜索的是从索引4开始的，因此不会找到'is'。
- repeat()
repeat() 方法将字符串重复指定的次数，并返回新的字符串。
示例代码：
const str = 'Hello, world!'; console.log(str.repeat(3)); // Hello, world!Hello, world!Hello, world!
解释：
repeat() 方法的参数为一个正整数，如果参数为负数或 Infinity，则会抛出 RangeError 异常。
- padStart() 和 padEnd()
padStart() 和 padEnd() 方法用于字符串补全，可以将字符串补足到指定的长度。
示例代码：
const str = 'ES6'; console.log(str.padStart(9, 'Amazing ')); // Amazing ES6 console.log(str.padEnd(9, ' is cool')); // ES6 is cool
解释：
padStart() 和 padEnd() 方法均支持两个参数，第一个参数为补全后字符串的长度，第二个参数为补全的字符串。
- trimStart() 和 trimEnd()
trimStart() 和 trimEnd() 方法用于去除字符串的开头或结尾的空格，返回新的字符串。
示例代码：
const str = ' Hello, world! '; console.log(str.trimStart()); // 'Hello, world! ' console.log(str.trimEnd()); // ' Hello, world!'
解释：
trimStart() 和 trimEnd() 方法在大多数情况下等效于原始的 trim() 方法，只不过它们仅作用于字符串的开头和结尾。
总结：
ES6 中的字符串方法可以让我们更加高效地操作字符串，避免写繁琐的字符串操作代码。在实际开发中，可以灵活地应用这些字符串方法，提高代码的效率和质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64819d0c48841e989411694c