Um pouco tarde ... eu tive que responder. Esta é a maneira mais simples.
// JavaScript
function fixedSize_JS(value, size) {
return value.padEnd(size).substring(0, size);
}
// JavaScript (Alt)
var fixedSize_JSAlt = function(value, size) {
return value.padEnd(size).substring(0, size);
}
// Prototype (preferred)
String.prototype.fixedSize = function(size) {
return this.padEnd(size).substring(0, size);
}
// Overloaded Prototype
function fixedSize(value, size) {
return value.fixedSize(size);
}
// usage
console.log('Old school JS -> "' + fixedSize_JS('test (30 characters)', 30) + '"');
console.log('Semi-Old school JS -> "' + fixedSize_JSAlt('test (10 characters)', 10) + '"');
console.log('Prototypes (Preferred) -> "' + 'test (25 characters)'.fixedSize(25) + '"');
console.log('Overloaded Prototype (Legacy support) -> "' + fixedSize('test (15 characters)', 15) + '"');
Passo a passo. .padEnd - garante o comprimento da string
"O método padEnd () preenche a string atual com uma determinada string (repetida, se necessário), para que a string resultante atinja um determinado comprimento. O preenchimento é aplicado a partir do final (à direita) da string atual. A fonte para este interativo O exemplo é armazenado em um repositório do GitHub. " fonte: developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/…
.substring - limita o comprimento que você precisa
Se você optar por adicionar elipses, anexe-os à saída.
Dei 4 exemplos de usos comuns de JavaScript. Eu recomendo o uso do protótipo String com Sobrecarga para suporte legado. Torna muito mais fácil implementar e alterar posteriormente.