Как работает метод padEnd() - JavaScript

Метод padEnd() заполняет текущую строку другой строкой до заданной длины.

// объявление строки
let string1 = "CODE";

// добавление "*" в конец заданной строки
// пока длина заполненной строки не достигнет 10
let paddedString = string1.padEnd(10, "*");

console.log(paddedString);

// Вывод в консоль: CODE******

Синтаксис padEnd()

Синтаксис метода padEnd() следующий:

str.padEnd(targetLength, padString);

Где str - это строка.

Параметры padEnd()

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

• targetLength
  • Длина конечной строки после заполнения текущей строки.
• padString (необязательно) - строка, которой следует заполнить текущую строку. Значение по умолчанию - " ".

Примечание:

• Если padString слишком длинная, она будет усечена, чтобы соответствовать targetLength.
• Если targetLength < str.length, строка возвращается без изменений.

Метод padEnd() добавляет символы в конец строки, чтобы достичь указанной длины. Это полезно для форматирования текста и выравнивания данных, например, при выводе таблиц или списков. Для эффективного использования padEnd() необходимо понимать, как работают строки и как управлять их длиной. Если вы хотите детальнее погрузиться в особенности работы со строками и форматированием текста в JavaScript — приходите на наш большой курс JavaScript с нуля. На курсе 198 уроков и 30 упражнений, AI-тренажеры для безлимитной практики с кодом и задачами 24/7, решение задач с живым ревью наставника, еженедельные встречи с менторами.

Возвращаемое значение padEnd()

Возвращает строку указанной targetLength с padString, примененным к концу текущей строки.

Примечание: операторы присваивания, такие как + и +=, настоятельно рекомендуется использовать вместо метода padEnd().

Примеры

Пример 1: Использование метода padEnd()

// объявление строки
let string1 = "CODE";

// добавление "$" в конец заданной строки
// пока длина последней заполненной строки не достигнет 10
let paddedString1 = string1.padEnd(10, "$");

console.log(paddedString1);

Вывод в консоль:

CODE$$$$$$

В приведенном выше примере мы присвоили строковое значение "CODE" в string1 и использовали метод padEnd() для вставки символа "$" в конец string1. Внутри метода мы также передали 10 в качестве targetLength.

Таким образом, метод возвращает конечную строку "CODE$$$$$$" длиной 10.

Пример 2: Использование padString с несколькими символами в padEnd()

// объявление строки
let string1 = "CODE";

// добавление «JavaScript» в конец строки
// пока длина дополненной строки не достигнет 17

let paddedString2 = string1.padEnd(17, "JavaScript");

console.log(paddedString2);

Вывод в консоль:

CODEJavaScriptJav

В приведенном выше примере мы передали несколько символов "JavaScript" в padEnd() и присвоили возвращаемое значение paddedString2.

Метод добавляет "JavaScript" к концу "CODE" до тех пор, пока длина конечной строки не станет равной 17. Таким образом, paddedString2 возвращает конечную строку "CODEJavaScriptJav", длина которой равна 17.

Пример 3: Использование длинной строки padString в padEnd()

// объявление строки
let string1 = "CODE";

// переданная padString усекается, чтобы соответствовать целевой длине
paddedString3 = string1.padEnd(10, "ABCDEFGHIJKL");

console.log(paddedString3);

Вывод в консоль:

CODEABCDEF

В приведенном выше примере мы передали "ABCDEFGHIJKL" в качестве padString. Метод padEnd() усекает заданную padString так, чтобы длина строки после заполнения соответствовала упомянутой targetLength (10).

Таким образом, string1.padEnd(10, "ABCDEFGHIJKL") возвращает конечную строку "CODEABCDEF", длина которой равна 10.

Хотя padEnd() – это полезный инструмент для форматирования вывода, он является лишь частью более широкой картины. Чтобы создавать динамичные и интерактивные веб-приложения, вам необходимо уверенно владеть основами JavaScript, включая DOM, события и асинхронный код. На курсе JavaScript с нуля вы получите прочный фундамент знаний и сможете создавать собственные веб-приложения. В первых 3 модулях уже доступно бесплатное содержание — начните погружаться в JavaScript прямо сегодня.