логотип PurpleSchool
Иконка входа
Вход
логотип PurpleSchool

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

Автор

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

Метод substring() возвращает заданную часть строки между начальным и конечным индексами.

const message = "JavaScript is fun.";

// получить подстроку, начиная с индекса 0 до 10
let result = message.substring(0, 10);
console.log(result);

// Выавод в консоль: JavaScript

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

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

str.substring(indexStart, indexEnd);

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

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

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

  • indexStart
    • индекс первого символа, с которого следует начать включение в возвращаемую подстроку.
  • indexEnd (необязательно) - индекс, перед которым следует остановить извлечение. (Исключительно) Если опущено, то извлечение будет производиться до конца строки.

Примечание:

  • Любое значение аргумента < 0 воспринимается как 0.
  • Любое значение аргумента > str.length рассматривается как str.length.
  • Любое значение аргумента NaN воспринимается как 0.
  • Если indexStart больше indexEnd, два аргумента меняются местами, т.е. str.substring(a, b) будет str.substring(b, a).

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

Возвращает новую строку, содержащую указанную часть заданной строки.

Примечание: substring() не изменяет исходную строку.

Примеры

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

let string = "Purpleschool JavaScript Tutorials";

// первый символ
substr1 = string.substring(0, 1);
console.log(substr1); // P

// если начало > конца, они меняются местами
substr2 = string.substring(1, 0);
console.log(substr2); // P

// С 14-го до последнего символа
substr3 = string.substring(13);
console.log(substr3); // JavaScript Tutorials

// крайними значениями являются 0 и str.length

// то же, что и string.substring(0)
substr4 = string.substring(-44, 90);
console.log(substr4); // Purpleschool JavaScript Tutorials

substr5 = string.substring(0, string.length - 1);
console.log(substr5); // Purpleschool JavaScript Tutorial

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

P
P
ol JavaScript Tutorials
Purpleschool JavaScript Tutorials
Purpleschool JavaScript Tutorial

Пример 2: Замена подстроки в строке

// Заменяет старые символы новыми символами в строке
function replaceString(oldChars, newChars, string) {
  for (let i = 0; i < string.length; ++i) {
    if (string.substring(i, i + oldChars.length) == oldChars) {
      string =
        string.substring(0, i) +
        newChars +
        string.substring(i + oldChars.length, string.length);
    }
  }
  return string;
}

const string = "Java Tutorials";
let newString = replaceString("Java", "JavaScript", string);
console.log(newString); // JavaScript Tutorials

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

JavaScript Tutorials

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

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