在 ES6/ES7 中，JavaScript 新增了一些字符串方法，其中包括字符串补全和重复方法。这些新方法可以帮助开发者更方便地处理字符串，提高代码的效率和可读性。本文将详细介绍这些字符串方法的用法和示例代码。
字符串补全方法
在 ES6 中，新增了两个字符串补全方法：padStart() 和 padEnd()。这些方法可以用来在字符串的开头或结尾添加指定的字符，以达到指定的长度。
padStart()
padStart() 方法可以在字符串的开头添加指定的字符，直到字符串达到指定的长度。它的语法如下：
------------------------- -- -----------
其中，targetLength 是目标长度，padString 是可选的补全字符，默认为一个空格。
下面是一个示例代码：
----- --- - ------ ----------------------------- -- - ---- --------------------------- ------ -- -------- ----------------------------- -- -----
在第一个示例中，由于目标长度为 6，所以在字符串开头添加了 3 个空格，使得字符串的长度为 6。在第二个示例中，由于指定了补全字符为 1，所以在字符串开头添加了 3 个 1，使得字符串的长度为 6。在第三个示例中，由于目标长度为 3，所以不需要添加任何字符，字符串长度仍为 3。
padEnd()
padEnd() 方法可以在字符串的结尾添加指定的字符，直到字符串达到指定的长度。它的语法如下：
----------------------- -- -----------
其中，targetLength 是目标长度，padString 是可选的补全字符，默认为一个空格。
下面是一个示例代码：
----- --- - ------ --------------------------- -- ---- - ------------------------- ------ -- -------- --------------------------- -- -----
在第一个示例中，由于目标长度为 6，所以在字符串结尾添加了 3 个空格，使得字符串的长度为 6。在第二个示例中，由于指定了补全字符为 1，所以在字符串结尾添加了 3 个 1，使得字符串的长度为 6。在第三个示例中，由于目标长度为 3，所以不需要添加任何字符，字符串长度仍为 3。
字符串重复方法
在 ES6 中，新增了一个字符串重复方法：repeat()。这个方法可以用来重复一个字符串多次，以达到指定的重复次数。
repeat()
repeat() 方法可以重复一个字符串多次，以达到指定的重复次数。它的语法如下：
-----------------
其中，count 是重复的次数。
下面是一个示例代码：
----- --- - ------ --------------------------- -- ----------- --------------------------- -- -- ---------------------------- -- --
在第一个示例中，由于重复的次数为 3，所以字符串被重复了 3 次，最终结果为 'abcabcabc'。在第二个示例中，由于重复的次数为 0，所以结果为一个空字符串。在第三个示例中，由于重复的次数为 -1，所以会报错。
总结
在 ES6/ES7 中，字符串补全和重复方法可以帮助开发者更方便地处理字符串，提高代码的效率和可读性。本文介绍了 padStart()、padEnd() 和 repeat() 三个方法的用法和示例代码。在实际开发中，可以根据需要灵活运用这些方法，以达到更好的效果。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6625bbd7c9431a720c21056b