JS巧用.padStart()｜.padEnd()方法用另一个字符串填充当前字符串

示例 

const sortNum = computed(() => `No.${`${1}`.padStart(2, '0')}`); // No.01const sortNum = computed(() => `No.${`${1}`.padEnd(2, '0')}`); // No.10

padStart

.padStart() 方法可以用于添加一个字符串作为填充，以使当前字符串达到所需的长度。例如，我们想要让一个字符串达到 10 个字符的长度，并用字符串“0”来进行填充，我们可以使用以下代码：

let str = "123";
str = str.padStart(10, "0");
console.log(str); // 输出 "0000000123"

在上面的代码中，padStart() 方法的第一个参数是所需的字符串长度，第二个参数是用于填充的字符串。

我们也可以使用一个较长的字符串来作为填充，例如：

let str = "hello";
str = str.padStart(10, "world");
console.log(str); // 输出 "worldhelloworld"

在这种情况下，padStart() 方法将使用“world”字符串重复填充到所需的长度。

padEnd

.padEnd()方法是一个字符串方法，它将当前字符串用另一个字符串填充到指定的长度。它有两个参数：第一个参数是填充后字符串的总长度，第二个参数是用于填充的字符串。如果当前字符串已经是指定的长度或更长，则不添加任何字符，直接返回当前字符串。如果填充字符串为空，则使用空格字符作为默认填充字符。

例如，将字符串"hello"用字符"!"填充到长度为10：

const str = "hello";
const newStr = str.padEnd(10, "!");
console.log(newStr); // "hello!!!!"

注意，.padEnd()方法不改变原始字符串，而是返回一个新的填充后字符串。