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.

Источник

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 в исключения блокировщика рекламы, этим вы поможете развитию проекта.

Источник

JavaScript: String padEnd() method

This JavaScript tutorial explains how to use the string method called padEnd() with syntax and examples.

Description

In JavaScript, padEnd() is a string method that is used to pad the end of a string with a specific string to a certain length. This type of padding is sometimes called right pad or rpad. Because the padEnd() method is a method of the String object, it must be invoked through a particular instance of the String class.

Syntax

In JavaScript, the syntax for the padEnd() method is:

string.padEnd(length [, pad_string]);

Parameters or Arguments

length The desired length of the resulting string after it has been padded. pad_string Optional. It is the specified string to pad to the end of string. If this parameter is not provided, the padEnd() method will use a space as the pad character.

Returns

The padEnd() method returns a string that has been padded at the end with the specified string to the desired length.

Note

Example

Let’s take a look at an example of how to use the padEnd() method in JavaScript.

var totn_string = 'TechOnTheNet'; console.log(totn_string.padEnd(20,'A'));

In this example, we have declared a variable called totn_string that is assigned the string value of ‘TechOnTheNet’. We have then invoked the padEnd() method of the totn_string variable to pad the end of totn_string with ‘A’ until it is the desired length of 20 characters.

We have written the output of the padEnd() method to the web browser console log, for demonstration purposes, to show what the padEnd() method returns.

The following will be output to the web browser console log:

As you can see, the padEnd() method added 8 ‘A’ characters to the end of ‘TechOnTheNet’ to make the resulting string ‘TechOnTheNetAAAAAAAA’ 20 characters in length.

Specifying Multiple Characters as the Pad String

Finally, let’s see what happens if you specify a pad_string parameter for the padEnd() method that is multiple characters (and not just a single character).

var totn_string = 'TechOnTheNet'; console.log(totn_string.padEnd(16,'xyz'));

The following will be output to the web browser console log:

In this example, we have invoked the padEnd method() with a pad_string of ‘xyz’ and a desired length of 16 characters. The padEnd() method returned the string value of ‘TechOnTheNetxyzx’.

Notice that the resulting string ended with the ‘x’ character and not the ‘z’ character. This occurred because the sequence of characters in the pad_string continued to repeat until the resulting string was the desired length of 16 characters. In this case, it stopped repeating at the ‘x’ character.

Источник

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

Запись: and-semakin/mytetra_data/master/base/1554040912xcbna9mn1y/text.html на raw.githubusercontent.com

В спецификации ECMAScript 2017 у строк появился новый метод padStart() :

‘abc’.padStart(10, «foo»); // «foofoofabc»

• How to make an AJAX call without jQuery?
• JavaScript: setTimeout и setInterval
• События DOM
• Всплывающие модальные окна в JavaScript
• Получить случайное число в указанном диапазоне на JavaScript
• Вставка и удаление элементов из массива в JavaScript
• Перевернуть строку в JavaScript
• Цикл по массиву в JavaScript
• Использование точки с запятой «;» в JavaScript
• Комментарии в JavaScript
• Отключение защиты в Chrome\Chromium
• Извлечение переменной из localStorage со значением по умолчанию
• Получить адрес страницы в JavaScript
• Вывести число с ведущими нулями (leading zeros) в JavaScript
• Конвертировать строку в число в JavaScript
• Проверить, что массив существует и он не пуст в JavaScript
• Конвертировать обычный объект в Map в JavaScript ES6
• Операции над множествами в JavaScript
• Создать глубокую копию многомерного массива в JavaScript
• Сравнить два массива в JavaScript
• Получить случайный элемент из массива в JavaScript
• Проверить, что в массиве JavaScript есть элемент, удовлетворяющий условию
• Получить список глобальных переменных в JavaScript
• Вывести стек вызовов в JavaScript
• Многострочные строки в JavaScript
• Удалить свойство объекта в JavaScript
• Конвертировать объект Map в массив в JavaScript
• Отсортировать массив объектов по одному из полей объекта в JavaScript
• throttle vs debounce
• Общий подход к определению типа переменной в JavaScript
• Заменить все вхождения подстроки в строке в JavaScript
• Дополнить строку символами до нужной длины в JavaScript
• Документирование JS-функций через JSDoc
• Получить текущее время в миллисекундах в JavaScript
• Проверить, что объект является промисом в JavaScript
• Сгруппировать элементы массива по ключу в JS
• Создать пустой объект без прототипа в JS
• Закодировать строку для передачи через адресную строку в JS
• Итерироваться по индексам и значениям массива (как enumerate в Python) в JS

Источник