如何在 JavaScript 中將字串填入所需的長度？

在 JavaScript 中填入字串

簡介

JavaScript 提供了各種方法來實作特定的字串操作任務。其中一項任務是將字串填入所需的長度，用字元填滿空白空間。本文討論在 JavaScript 中填充字串的不同方法。

使用 String.padStart 的解決方案

ECMAScript 2017 (ES8) 為此引入了 String.padStart 方法。它需要兩個參數：所需的長度和可選的填充字串（預設為空格）。

"Jonas".padStart(10); // Default pad string is a space
"42".padStart(6, "0"); // Pad with "0"
"*".padStart(8, "-/|\"); // produces '-/|\-/|*'

Polyfill for String.padStart

如果您的String.padStart 不支援JavaScript 環境，您可以將其新增為polyfill：

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

使用字串連接

填充字串的一個簡單方法是將其與所需的填充字元連接。

var n = 123

String("00000" + n).slice(-5); // returns 00123
("00000" + n).slice(-5); // returns 00123
("     " + n).slice(-5); // returns "  123" (with two spaces)

擴充字串物件

您也可以擴充字串物件為了方便起見，新增 paddingLeft 方法。

String.prototype.paddingLeft = function (paddingValue) {
   return String(paddingValue + this).slice(-paddingValue.length);
};

範例用法

function getFormattedTime(date) {
  var hours = date.getHours();
  var minutes = date.getMinutes();

  hours = hours.toString().paddingLeft("00");
  minutes = minutes.toString().paddingLeft("00");

  return "{0}:{1}".format(hours, minutes);
};

String.prototype.format = function () {
    var args = arguments;
    return this.replace(/{(\d+)}/g, function (match, number) {
        return typeof args[number] != 'undefined' ? args[number] : match;
    });
};

此程式碼將傳回格式為「15:30」的時間。

以上是如何在 JavaScript 中將字串填入所需的長度？的詳細內容。更多資訊請關注PHP中文網其他相關文章！