Виталий Котов
Как работает метод 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
Все гайды по 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
Событие wheel в JavaScriptСобытие unload в JavaScriptСобытие touch в JavaScriptСобытие scroll в JavaScriptСобытие submit в 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
.textContent в JavaScript.style в JavaScript.setProperty() в JavaScript.scrollTo() в JavaScript.scrollIntoView() в JavaScript.scrollBy() в JavaScript.removeProperty() в JavaScript.removeEventListener() в JavaScript.querySelectorAll() в JavaScript.querySelector() в JavaScript.outerHTML в JavaScript.innerText в JavaScriptв JavaScript.hidden в JavaScript.getPropertyValue() в JavaScript.getElementsByTagName() в JavaScript.getElementsByClassName() в JavaScript.getAttribute() в JavaScript.focus() в JavaScriptЭлемент в JavaScript.dataset в JavaScript.closest() в JavaScript.classList в JavaScript.blur() в JavaScript.addEventListener() в JavaScript
Объект WeakSet в JavaScriptОбъект TypedArray в JavaScriptОбъект SharedArrayBuffer в JavaScriptОбъект Set в JavaScriptОбъект в JavaScriptОбъект Map в JavaScriptfunction в JavaScriptОбъект DataView в JavaScriptОбъект WeakMap в JavaScriptОбъект Atomics в JavaScriptМассивы в JavaScriptОбъект ArrayBuffer в JavaScript
window.print() в JavaScriptwindow.open() в JavaScriptwindow.navigator в JavaScriptwindow.location в JavaScriptwindow.history в JavaScriptURLSearchParams в JavaScriptsetTimeout() в JavaScriptsetInterval() в JavaScriptsessionStorage в JavaScriptqueueMicrotask() в JavaScriptprompt() в JavaScriptPerformance в JavaScriptwindow.matchMedia в JavaScriptlocalStorage в JavaScriptGeolocation API в JavaScriptFormData в JavaScriptfetch() в JavaScriptDOM в JavaScriptconsole.log() в JavaScriptconfirm() в JavaScriptclearTimeout() в JavaScriptclearInterval() в JavaScriptalert() в JavaScriptBOM в 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