Làm cách nào để đệm một số trong javascript?

Trong JavaScript, có thể đệm bất kỳ số nào bằng một số ký tự theo các cách sau

• với phương pháp tùy chỉnh đơn giản [Ví dụ 1],
• với phương thức padEnd được đặt bên trong lớp String [Ví dụ 2 và 3] - được giới thiệu trong ES2017 - không được hỗ trợ trong các trình duyệt cũ hơn

1. Ví dụ về giải pháp tùy chỉnh

Trong phần này, giải pháp tùy chỉnh về cách đệm bất kỳ ký tự nào ở bên phải được trình bày

// ONLINE-RUNNER:browser;

function padRight[number, length, character] {
	if [character == null] {
		character = ' ';
	}
	var result = new String[number];
	for [var i = result.length; i < length; ++i] {
		result += character;
	}
	return result;
}

// Usage example:

console.log[padRight[123, 2] + ' ' + padRight[456, 2]];
console.log[padRight[123, 4] + ' ' + padRight[456, 4]];
console.log[padRight[123, 6, ' '] + ' ' + padRight[456, 6, ' ']];
console.log[padRight[123, 6, '*']];
console.log[padRight[123, 6, '.']];
console.log[padRight[123, 6, '0']];

2. Ví dụ về Polifill

ECMAScript 2017 đã giới thiệu chức năng đệm số

2. 1. Ví dụ về mã nội tuyến

Trong phần này trình bày mã sử dụng phương pháp sao chép từ thư viện polyfill

// ONLINE-RUNNER:browser;

// //github.com/uxitten/polyfill/blob/master/string.polyfill.js
// //developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/padEnd
if [!String.prototype.padEnd] {
    String.prototype.padEnd = function padEnd[targetLength,padString] {
        targetLength = targetLength>>0; //floor if number or convert non-number to 0;
        padString = String[[typeof padString !== 'undefined' ? padString : ' ']];
        if [this.length > targetLength] {
            return String[this];
        }
        else {
            targetLength = targetLength-this.length;
            if [targetLength > padString.length] {
                padString += padString.repeat[targetLength/padString.length]; //append to original to ensure we are longer than needed
            }
            return String[this] + padString.slice[0,targetLength];
        }
    };
}


var text1 = '123';
var text2 = '456';

console.log[text1.padEnd[2] + ' ' + text2.padEnd[2]];
console.log[text1.padEnd[4] + ' ' + text2.padEnd[4]];
console.log[text1.padEnd[6, ' '] + ' ' + text2.padEnd[6, ' ']];
console.log[text1.padEnd[6, '*']];
console.log[text1.padEnd[6, '.']];
console.log[text1.padEnd[6, '0']];

2. 2. Ví dụ mã bao gồm

Trong phần này trình bày mã sử dụng thư viện polyfill

// ONLINE-RUNNER:browser;




  


  

      var text1 = '123';
      var text2 = '456';

      document.writeln[text1.padEnd[2] + ' ' + text2.padEnd[2]];
      document.writeln[text1.padEnd[4] + ' ' + text2.padEnd[4]];
      document.writeln[text1.padEnd[6, ' '] + ' ' + text2.padEnd[6, ' ']];
      document.writeln[text1.padEnd[6, '*']];
      document.writeln[text1.padEnd[6, '.']];
      document.writeln[text1.padEnd[6, '0']];