在ECMAScript 2017 (ES8)中使用新的字符串函数技巧

引言

在日常的开发工作中，字符串操作是一个经常会用到的功能。在ES8中，新增了一些字符串函数技巧，让前端开发人员处理字符串变得更加轻松和高效，有效提高开发效率。本文将详细介绍ES8中新增的字符串函数技巧，包括具体的用法和示例代码，以便读者能够更好地理解和掌握。

ES8 新增字符串函数技巧

padStart() 和 padEnd()

这两个函数用于补全字符串达到特定长度。其中，padStart()函数用于在字符串的开头补全，padEnd()函数用于在字符串的结尾补全。这两个函数都接受两个参数，一个是想要补全的目标长度，另一个是使用什么字符来补全。示例代码如下：

let str = "hello";
let newStr1 = str.padStart(10, ".");
let newStr2 = str.padEnd(10, ".");
console.log(newStr1); // ..hello
console.log(newStr2); // hello....

trimStart() 和 trimEnd()

这两个函数用于去除字符串开头或结尾的空格。其中，trimStart()函数用于去除开头空格，trimEnd()函数用于去除结尾空格。示例代码如下：

let str = "   hello   ";
let newStr1 = str.trimStart();
let newStr2 = str.trimEnd();
console.log(newStr1); // "hello   "
console.log(newStr2); // "   hello"

repeat()

该函数用于重复一个字符串一定的次数。传入一个数字作为参数，表示要重复的次数。示例代码如下：

let str = "hello";
let newStr = str.repeat(3);
console.log(newStr); // hellohellohello

includes() 和 startsWith() 和 endsWith()

这三个函数用于字符串包含，其中，includes()函数返回一个布尔值，表示目标字符串是否被包含在当前字符串中。startsWith()函数返回一个布尔值，表示当前字符串是否以目标字符串开头。endsWith()函数返回一个布尔值，表示当前字符串是否以目标字符串结尾。示例代码如下：

let str = "hello world";
let newStr1 = str.includes("world"); // true
let newStr2 = str.startsWith("hello"); // true
let newStr3 = str.endsWith("world"); // true

字符串转义

ES8还新增了一种字符串转义方式，用于在字符串中插入特殊字符。在字符串前面使用两个反斜杠“\”即可。示例代码如下：

let str = "That is a \\n new line";
console.log(str); // That is a 
//new line

总结

本文介绍了在ES8中新增的字符串函数技巧，包括padStart()、padEnd()、trimStart()、trimEnd()、repeat()、includes()、startsWith()以及endsWith()等。通过这些函数的应用，可以使前端开发人员的字符串操作更加轻松和高效，提高开发效率。读者可以通过本文了解这些函数的用法和示例代码，更好地掌握这些技能，并在日常开发中加以应用。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f2f9e6f6b2d6eab3c7fe73