Javascript дополнить строку пробелами

String.prototype.padStart()

The padStart() method pads the current string with another string (multiple times, if needed) until the resulting string reaches the given length. The padding is applied from the start of the current string.

Try it

Syntax

padStart(targetLength) padStart(targetLength, padString) 

Parameters

The length of the resulting string once the current str has been padded. If the value is less than or equal to str.length , then str is returned as-is.

The string to pad the current str with. If padString is too long to stay within the targetLength , it will be truncated from the end. The default value is the unicode «space» character (U+0020).

Return value

A String of the specified targetLength with padString applied from the start.

Examples

Basic examples

"abc".padStart(10); // " abc" "abc".padStart(10, "foo"); // "foofoofabc" "abc".padStart(6, "123465"); // "123abc" "abc".padStart(8, "0"); // "00000abc" "abc".padStart(1); // "abc" 

Fixed width string number conversion

// JavaScript version of: (unsigned) // printf "%0*d" width num function leftFillNum(num, targetLength)  return num.toString().padStart(targetLength, "0"); > const num = 123; console.log(leftFillNum(num, 5)); // "00123" 

Specifications

Browser compatibility

BCD tables only load in the browser

See also

Found a content problem with this page?

This page was last modified on Feb 21, 2023 by MDN contributors.

Your blueprint for a better internet.

Источник

String.prototype.padEnd()

The padEnd() method pads the current string with a given string (repeated, if needed) so that the resulting string reaches a given length. The padding is applied from the end of the current string.

Try it

Syntax

padEnd(targetLength) padEnd(targetLength, padString) 

Parameters

The length of the resulting string once the current str has been padded. If the value is less than or equal to str.length , the current string will be returned as-is.

The string to pad the current str with. If padString is too long to stay within targetLength , it will be truncated: for left-to-right languages the left-most part and for right-to-left languages the right-most will be applied. The default value for this parameter is » » ( U+0020 ).

Return value

A String of the specified targetLength with the padString applied at the end of the current str .

Examples

Using padEnd

"abc".padEnd(10); // "abc " "abc".padEnd(10, "foo"); // "abcfoofoof" "abc".padEnd(6, "123456"); // "abc123" "abc".padEnd(1); // "abc" 

Specifications

Browser compatibility

BCD tables only load in the browser

See also

Found a content problem with this page?

This page was last modified on Feb 21, 2023 by MDN contributors.

Your blueprint for a better internet.

MDN

Support

Our communities

Developers

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998– 2023 by individual mozilla.org contributors. Content available under a Creative Commons license.

Источник

JavaScript метод padEnd()

JavaScript метод padEnd() позволяет дополнить текущую строку, начиная с её конца (справа) с помощью пробельного символа (по умолчанию), или заданной строкой, таким образом чтобы результирующая строка достигла заданной длины.

Обращаю Ваше внимание, что если Вам необходимо дополнить текущую строку, начиная с её начала (слева), то Вы можете воспользоваться методом padStart().

Поддержка браузерами

Метод	Chrome	Firefox	Opera	Safari	IExplorer	Edge
padEnd()	57.0	48.0	44.0	10.0	Нет	15.0

JavaScript синтаксис:

// дополнить текущую строку пробельными символами до заданной длины string.padEnd( targetLength ); // дополнить текущую строку переданными символами до заданной длины string.padEnd( targetLength, padString );

Версия JavaScript

Значения параметров

Параметр	Описание
targetLength	Целое число, которое определяет длину текущей строки после того как она будет заполнена. Если значение отсутствует, или меньше длины текущей строки, то текущая строка будет возвращена с той же длиной (останется без изменений).
padString	Определяет строковое значение, которым будет дополнена текущая строка. При необходимости заданная строка может быть повторена с целью достижения заданной длины для текущей строки, или усечена, если заданная длина строки была достигнута ранее. Значение по умолчанию для этого параметра — » » ( U+0020 ).

Пример использования

var x nam">string"; // инициализируем переменную, содержащую строку x.padEnd(); // x содержит значение "string" x.padEnd( 5 ); // x содержит значение "string" x.padEnd( 10 ); // x содержит значение "string " x.padEnd( 20 ); // x содержит значение "string " x.padEnd( 10, "."); // x содержит значение "string. " x.padEnd( 10, "---"); // x содержит значение "string----" x.padEnd( 10, "abc"); // x содержит значение "stringabca" 

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

let array = ["147.13", "20.11", "40.99", "13.06", "255", "189"]; // инициализируем переменную, содержащую массив строковых значений let outputValues = array.map( val => parseFloat( val ) // принимаем строку в качестве аргумента и возвращаем десятичное число .toFixed( 2 ) // возвращаем строковое представление числа в нотации с фиксированной запятой (2 знака после запятой) .padStart( 10 ) // дополняем слева текущую строку пробельными символами до заданной длины .padEnd( 14, " RUR")); // дополняем справа текущую строку переданными символами до заданной длины console.log( outputValues.join( "\n") ); // результат вывода будет следующим: 147.13 RUR 20.11 RUR 40.99 RUR 13.06 RUR 255.00 RUR 189.00 RUR

© 2016-2023 Денис Большаков, замечания и предложения по работе сайта Вы можете направить по адресу basicweb.ru@gmail.com

Кажется, вы используете блокировщик рекламы 🙁

Этот ресурс не является коммерческим проектом и развивается на энтузиазме автора сайта, который посвящает все свое свободное время этому проекту.

Добавьте, пожалуйста, basicweb.ru в исключения блокировщика рекламы, этим вы поможете развитию проекта.

Источник