Вставка строки определенной длины в другую строку

Краткое описание: в этом уроке вы узнаете, как заполнить строку другой строкой определенной длины.

String.prototype.padStart()

Метод padStart() заполняет строку другой строкой на определенную длину от начала строки и возвращает результирующую строку, которая достигает определенной длины. Ниже показан метод padStart():

String.prototype.padStart(padLength [,padString]);
Code language: CSS (css)

Метод padStart() принимает два параметра:

• padLength — это длина результирующей строки после ее заполнения. Если padLength меньше длины строки, то строка возвращается как есть, без подбивки.
• padString — необязательный аргумент, который используется для заполнения строки. По умолчанию этот параметр имеет значение ‘ ‘. Если padString больше, чем padLength, padString будет усечена, и только самая левая часть будет заполнена.

Примеры String.prototype.padStart()

Предположим, вам нужна числовая строка из 8 символов. Для строки, длина которой меньше 8, она будет заполнена нулями (0).

let str = '1234'.padStart(8,'0');
console.log(str); // "00001234"
Code language: JavaScript (javascript)

В следующем примере строка заполняется пробелами, поскольку мы не передаем строку pad.

let str = 'abc'.padStart(5);
console.log(str); // "  abc" 
Code language: JavaScript (javascript)

String.prototype.padEnd()

Как и метод padStart(), метод padEnd() заполняет строку определенной длины другой строкой. Однако метод padEnd() выполняет вставку с конца строки. Ниже показан синтаксис метода padEnd():

String.prototype.padEnd(padLength [,padString]);
Code language: CSS (css)

String.prototype.padEnd() примеры

Смотрите следующий пример:

let str = 'abc'.padEnd(5);
console.log(str); // "abc  "
Code language: JavaScript (javascript)

В этом примере, поскольку мы не указали второй аргумент, метод padEnd() использует пробел ' ' для заполнения строки 'abc'. Вот еще один пример:

str = 'abc'.padEnd(5,'*');
console.log(str); // "abc**"
Code language: JavaScript (javascript)

В этом примере мы используем строку * в качестве второго аргумента, полученная строка была заполнена двумя строками *, чтобы сделать ее длину 5. И еще один пример:

str = 'abc'.padEnd(5,'def');
console.log(str); // "abcde"
Code language: JavaScript (javascript)

В этом примере длина результирующей строки должна быть 5, поэтому строка pad была усечена ("f") и только ее крайняя левая часть ("de") была заполнена.

В этом уроке вы узнали, как с помощью методов padStart() и padEnd() заполнить строку определенной длины другой строкой.