логотип 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.

Карта развития разработчика

Получите полную карту развития разработчика по всем направлениям: frontend, backend, devops, mobile