ECMAScript 2017 中的字符串原型方法的使用方法和实际应用
ECMAScript 2017 引入了一些有用的字符串原型方法，使得我们在前端开发中更加高效、简洁地处理字符串数据。这篇文章将详细介绍这些新方法，并提供实际应用和示例代码，希望能够对前端技术学习和实践有所帮助。
1.字符串补全方法 padStart 和 padEnd
padStart 和 padEnd 方法可以用于补全字符串，即让字符串达到指定长度，并可指定用什么字符填充。这个方法在处理日期、时间等需要格式化输出的字符串时非常有用。
使用方法：
str.padStart(targetLength [, padString]) str.padEnd(targetLength [, padString])
其中，targetLength 为目标长度，使用 padString 填充字符，如果不指定，则默认使用空格填充。
示例代码：
let str = "5"; str = str.padStart(2, "0"); console.log(str); // "05"
let str2 = "hello world"; str2 = str2.padStart(20, "x"); console.log(str2); // "xxxxxxxxhello world"
let str3 = "test"; str3 = str3.padEnd(10, "-"); console.log(str3); // "test------"
2.获取字符串的真实长度方法 length 和 lengthen
length 方法返回字符串的长度，通常我们认为一个字符的长度为 1。但是当遇到 Unicode、Emoji 等多字节字符时，一个字符的长度会超过 1。此时，我们需要使用 lengthen 方法来获取字符串的真实长度。
使用方法：
length
lengthen(str)
其中，str 是需要获取真实长度的字符串。
示例代码：
let str = "hello 😊"; console.log(str.length); // 8，因为 Emoji 表符是两个 Unicode 字符组成的 console.log(str.lengthen()); // 7，真实长度为 7
3.判断字符串包含方法 includes
includes 方法用来判断一个字符串是否包含另一个字符串，此前我们通常使用 indexOf 方法来实现这个功能。includes 方法更加简洁和语义化，返回值为布尔类型。
使用方法：
str.includes(searchString [, position])
其中，searchString 是需要查找的子字符串，position 是开始查找的位置，默认为0。
示例代码：
let str = "hello world"; console.log(str.includes("hello")); // true console.log(str.includes("world")); // true console.log(str.includes("goodbye")); // false
4.判断字符串开头和结尾方法 startsWith 和 endsWith
startsWith 和 endsWith 方法用于判断一个字符串是否以指定字符串开头或结尾，返回值也是布尔类型。这个方法在处理 URL、路径等字符串时非常有用。
使用方法：
str.startsWith(searchString [, position]) str.endsWith(searchString [, position])
其中，searchString 是需要查找的子字符串，position 是开始查找的位置，默认为0。
示例代码：
let str = "https://www.google.com/"; console.log(str.startsWith("https")); // true console.log(str.endsWith(".com/")); // true console.log(str.endsWith(".cn/")); // false
5.重复字符串方法 repeat
repeat 方法可以重复一个字符串指定的次数，并返回一个新的字符串。这个方法在实现格式化输出等场景非常有用。
使用方法：
str.repeat(count)
其中，count 是需要重复的次数。
示例代码：
let str = "hello "; console.log(str.repeat(3)); // "hello hello hello "
总结
本文介绍了 ECMAScript 2017 中的字符串原型方法，包括字符串补全方法 padStart 和 padEnd，获取字符串的真实长度方法 length 和 lengthen，判断字符串包含方法 includes，判断字符串开头和结尾方法 startsWith 和 endsWith，重复字符串方法 repeat。这些方法可以使前端开发更加高效、简洁、语义化，提高开发效率和代码质量。务必在实际开发中使用这些方法，提高自己的技术水平。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6487df8748841e989466a165