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