在javascript中添加填充间距到字符串

时间:2013-08-29 20:25:53

标签: javascript padding

我有一个应用程序将变量发送到另一个需要变量为16个字符的系统。但是,用户不需要输入16位数字。

这是我到目前为止的编码:

在文件中激活javascript:

<A HREF="javascript:onClick=creditlink()" title="Enter own credit memo number.">Create Credit Memo</a>

这是我正在使用的javascript:

function creditlink ()
{
var cmnum2 = document.getElementById('creditmemo').value;
var cmnum = document.getElementById('autocmnum').value;
var clmid = document.getElementById('claimid').value;
//alert (cmnum);
if (cmnum2) {


window.open("https://somewebpage.cfm?creditmemos=" + cmnum2 + "&claimid=" +clmid );
}
//This is the customer did not want to enter their own number one would be auto generated
else {

window.open("https://somewebpage.cfm?creditmemos=" + cmnum + "&claimid=" +clmid );

}

}

所以在这里我需要cmnum2的帮助我需要在链接中发送之前将其转换为16个字符。仅供参考这个功能很棒。

所以我的想法是在值之前添加空格填充等于16个字符。以下是我需要的一个例子:

用户输入:cmnum2 =“61150331”(8个字符) 新值:cmnum2 =“(8个空格)61150331”(共16个字符,含空格)

我相信我已经看过它使用了string.format或string padleft或padright这样的函数,但我不确定编码格式如何能够使它成为16,无论值是什么。

4 个答案:

答案 0 :(得分:1)

以下是使用ES6(和声)函数String.prototype.repeat的示例。我已经为您提供了polyfils,或者您可以使用ES6 shim。无论如何,这只是可以做什么的另一个例子,什么将成为标准。

的Javascript

// ES6 - Harmony polyfils
if (typeof Math.sign !== "function") {
    Math.sign = function (n) {
        if (n < 0) {
            return -1;
        }

        return 1;
    };
}

if (typeof Number.toInteger !== "function") {
    Number.toInteger = function (value) {
        var n = +value;

        if (isNaN(n)) {
            return +0;
        }

        if (n === 0 || !isFinite(n)) {
            return n;
        }

        return Math.sign(n) * Math.floor(Math.abs(n));
    }
}

if (typeof String.prototype.repeat !== "function") {
    String.prototype.repeat = (function () {
        var repeat = function (s, times) {
            if (times < 1) {
                return "";
            }

            if (times % 2) {
                return repeat(s, times - 1) + s;
            }

            var half = repeat(s, times / 2);

            return half + half;
        };

        return function (times) {
            times = Number.toInteger(times);
            if (times < 0 || times === Infinity) {
                throw new RangeError();
            }

            return repeat(String(this), times);
        };
    }());
}

// Helper function
function clamp(num, min, max) {
    return Math.min(Math.max(num, min), max);
};

// The padding function
function pad(userString) {
    return " ".repeat(clamp(16 - userString.length, 0, 16)) + userString;
}

// Example usage
var input = "12345",
    output = pad(input);

console.log(input, input.length, output, output.length);

输出

12345 5            12345 16 

jsfiddle

答案 1 :(得分:0)

这是一种可能的解决方案。请注意,如果字符串已经是16个(或更多)字符,则永远不会输入for循环。

function padTo16Chars(string) {
    var length = string.length;
    var newString = "";
    for (var index = 0; index < (16 - length) ; index++) {
        newString = newString + " ";
    }
    string = newString + string;
}

为此,请在creditlink方法中调用此方法,如下所示:

function creditlink ()
{
    var cmnum2 = document.getElementById('creditmemo').value;
    padTo16Chars(cmnum2);
    //Other stuff
}

编辑:填充是在值之后,现在是之前的。

答案 2 :(得分:0)

实现此目的的一种简单方法是使用while循环:

while (cmnum2.length < 16) {
   cmnum2 = " " + cnmun2
}

但是,您可能希望将其放在函数中并返回带有添加空格的新字符串。

var cmnum2 = "09872";

var num = function(cmnum2){
    while (cmnum2.length < 16) {
      cmnum2 = " " + cmnum2;
    }
    return cmnum2;
};

console.log(num(cmnum2)); //"(11spaces)09872"

希望有所帮助。

答案 3 :(得分:0)

我非常喜欢Xotic750的答案。我有别的东西:

/**
 * @description Pads given string 
 * @param {string} s The string to pad
 * @param {number} n The amount of spaces to pad
 * @returns {string} Left padded string.
 * @todo check parameters' types and allowed values, undefined, etc.
 */
function padLeft(s,n) {
    return ((s.length >= n) ? s : (new Array(n - s.length)).join(" ") + s);
}

这是一个非常直接的解决方案......