логотип PurpleSchool
логотип PurpleSchool

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

Автор

Виталий Котов

Метод padStart() подставляет в начало текущей строки другую строку.

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

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

console.log(paddedString);

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

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

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

str.padStart(targetLength, padString);

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

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

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

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

Примечание:

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

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

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

Примеры

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

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

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

console.log(paddedString1);

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

$$$$$$CODE

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

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

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

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

// добавление «JavaScript» в начало строки
// пока длина дополненной строки не достигнет 17
let paddedString2 = string1.padStart(17, "JavaScript");

console.log(paddedString2);

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

JavaScriptJavCODE

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

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

Стрелочка влевоКак работает метод repeat() - JavaScriptКак работает метод padEnd() - JavaScriptСтрелочка вправо

Все гайды по Javascript

Как работает метод trim() - JavaScriptКак работает метод toUpperCase() - JavaScriptКак работает метод toLowerCase() - JavaScriptКак работает метод substring() - JavaScriptКак работает метод startsWith() - JavaScriptКак работает метод split() - JavaScriptКак работает метод slice() - JavaScriptКак работает метод search() - JavaScriptКак работает метод replaceAll() - JavaScriptКак работает метод replace() - JavaScriptКак работает метод repeat() - JavaScriptКак работает метод padStart() - JavaScriptКак работает метод padEnd() - JavaScriptКак работает метод matchAll() - JavaScriptКак работает метод match() - JavaScriptКак работает метод localeCompare() - JavaScriptКак работает свойство length - JavaScriptКак работает метод lastIndexOf() - JavaScriptКак работает метод indexOf() - JavaScriptКак работает метод includes() - JavaScriptКак работает метод fromCodePoint() - JavaScriptКак работает метод fromCharCode() - JavaScriptКак работает метод endsWith() - JavaScriptКак работает метод concat() - JavaScriptКак работает метод codePointAt() - JavaScriptКак работает метод charCodeAt() - JavaScriptКак работает метод charAt() - JavaScript
Итератор в JavaScript
try...catch в JavaScriptError в JavaScript
Событие wheel в JavaScriptСобытие unload в JavaScriptСобытие touch в JavaScriptСобытие submit в JavaScriptСобытие scroll в JavaScriptСобытие reset в JavaScriptМетод .preventDefault() в JavaScriptСобытие mouseover в JavaScriptСобытие mouseout в JavaScriptСобытие load в JavaScriptСобытие keyup в JavaScriptСобытие keydown в JavaScriptСобытие invalid в JavaScriptСобытие input в JavaScriptСобытийная модель Event в JavaScriptОбъект события Event в JavaScriptСобытие DOMContentLoaded в JavaScriptСобытие dblclick в JavaScriptСобытие click в JavaScriptСобытие change в JavaScriptСобытие beforeunload в JavaScript
Как работает метод some() - JavaScriptКак работает метод reverse() - JavaScriptКак работает метод reduce() - JavaScriptКак работает метод map() - JavaScriptКак работает метод isArray() - JavaScriptКак работает метод indexOf() - JavaScriptКак работает метод includes() - JavaScriptКак работает метод from() - JavaScriptКак работает метод forEach() - JavaScriptКак работает метод flatMap() - JavaScriptКак работает метод flat() - JavaScriptКак работает метод findIndex() - JavaScriptКак работает метод find() - JavaScriptКак работает метод filter() - JavaScriptКак работает метод every() - JavaScriptМассивы в JavaScript
Открыть базу знаний