📜  Javascript字符串padStart()(1)

📅  最后修改于: 2023-12-03 15:01:48.586000             🧑  作者: Mango

Javascript字符串padStart()

在Javascript中,我们常常需要对字符串进行格式化,这时候我们就会用到字符串的padStart()方法。该方法可以向字符串的开头添加指定数量的字符。

用法

padStart()方法接受两个参数:padLength和padString。

padLength是需要填充到字符串开头的长度。

padString是需要添加的字符。

str.padStart(padLength [, padString])
示例

在下面的示例中,我们将“Hello World”填充到长度为15的字符串中。我们可以看到,字符串的开头会填充“-”字符,直到字符串长度为指定长度。

const str = "Hello World";
const result = str.padStart(15, "-");
console.log(result);

输出:

------Hello World
注意事项
  • 如果要添加的字符长度大于要填充的长度,那么该字符将重复添加直到填充整个字符串。
const str = "Hello World";
const result = str.padStart(10, "abc");
console.log(result);

输出:

abcabcabHello World
  • padStart()方法返回填充后的新字符串,而不修改原始字符串。
const str = "Hello World";
str.padStart(15, "-");
console.log(str); // 输出 Hello World
兼容性

padStart()方法是ES2017中新增的,因此不是所有浏览器都支持该方法。如果需要兼容旧版本浏览器,可以使用下面的代码进行检测。

if (!String.prototype.padStart) {
    String.prototype.padStart = function padStart(targetLength,padString) {
        targetLength = targetLength>>0; 
        padString = String(padString || ' ');
        if (this.length > targetLength) {
            return String(this);
        }
        else {
            targetLength = targetLength-this.length;
            if (targetLength > padString.length) {
                padString += padString.repeat(targetLength/padString.length); 
            }
            return padString.slice(0,targetLength) + String(this);
        }
    };
}

以上就是Javascript字符串padStart()方法的介绍。通过使用该方法,可以更加方便地对字符串进行格式化。