String.padEnd(): дополнение строки справа
Метод padEnd дополняет строку до заданной длины символами справа. Он удобен для простого текстового отчёта, но не заменяет табличную раскладку HTML и CSS.
Назначение
Метод padEnd дополняет строку до заданной длины символами справа. Он удобен для простого текстового отчёта, но не заменяет табличную раскладку HTML и CSS.
Как это работает
Первый аргумент задаёт длину всего результата, а второй — повторяемую строку заполнения. Лишняя часть заполнителя обрезается. Если исходная строка уже достаточно длинная, она возвращается без усечения.
Пример
console.assert("CSS".padEnd(7, ".") === "CSS....");
console.assert("A".padEnd(6, "ab") === "Aababa");
console.assert("JavaScript".padEnd(3, ".") === "JavaScript");
console.assert("HTML".padEnd(9, "") === "HTML");
console.log("CSS".padEnd(7, "."));Что должно получиться
Первая строка получает четыре точки, во второй заполнитель повторяется и обрезается. Длинное слово не сокращается; пустой заполнитель ничего не добавляет.
Граница применения и частая ошибка
Длина считается в кодовых единицах UTF-16, а не в видимых символах. Эмодзи и составные знаки могут разрушить выравнивание. Даже одинаковое количество букв не даёт одинаковую ширину в пропорциональном шрифте.
Самостоятельная проверка
Соберите три строки отчёта с короткими названиями. Сравните обычный текст и строку с эмодзи, затем объясните, почему для браузерной таблицы правильнее использовать семантическую разметку.
Пример JavaScript проверяйте в собственном учебном файле или консоли своего проекта. Встроенная песочница справочника JavaScript не выполняет. Успешное выполнение в одной среде не гарантирует поддержку метода во всех браузерах.