--- title: String slug: Web/JavaScript/Reference/Global_Objects/String tags: - ECMAScript 2015 - JavaScript - String - Довідка - рядок translation_of: Web/JavaScript/Reference/Global_Objects/String ---
{{JSRef}}

Глобальний об'єкт String є конструктором для рядків, або послідовностей символів.

Опис

Рядки корисні для утримання данних, які можуть бути представлені в текстовій формі. Деякі з найбільш виконуваних операцій над рядками: перевірка їхньої {{jsxref("String.length", "довжини")}}, побудова та об'єднання рядків за допомогою рядкових операторів + та +=, перевірка наявності чи розташування підрядків методом {{jsxref("String.prototype.indexOf()", "indexOf()")}} чи копіювання підрядків методом {{jsxref("String.prototype.substring()", "substring()")}}.

Створення рядків

Рядки можна створювати як примітиви, з рядкових літералів, або як об'єкти, використовуючи конструктор {{jsxref("String/String")}}:

const string1 = "Рядковий примітив";
const string2 = 'Теж рядковий примітив';
const string3 = `І ще один рядковий примітив`;

const string4 = new String("Об'єкт String");

Рядкові примітиви та рядкові об'єкти можна взаємно замінювати у більшості ситуацій. Дивіться нижче "Рядкові примітиви та рядкові об'єкти".

Рядкові літерали можуть створюватись з використанням одинарних чи подвійних лапок, які працюють ідентично, або за допомогою зворотніх лапок `. Ця остання форма створює шаблонний літерал: ця форма дозволяє інтерполювати вирази.

Доступ до символів

Існують два способи доступу до окремих символів рядка. Перший - це метод {{jsxref("String.prototype.charAt()", "charAt()")}}:

return 'кіт'.charAt(1); // вертає "і"

Другий спосіб (запроваджений у ECMAScript 5) працює з рядком як з подібним до масиву об'єктом, де окремі символи відповідають числовому індексу:

return 'кіт'[1]; // вертає "і"

Під час звернення до символу за допомогою дужкової нотації спроби видалити ці властивості чи присвоїти їм значення не матимуть успіху. Ці властивості не є доступними ані для запису, ані для налаштування. (Дивіться більше інформації у {{jsxref("Object.defineProperty()")}}.)

Порівняння рядків

У мові C для порівняння рядків використовується функція strcmp(). У JavaScript ви просто використовуєте оператори менше ніж та більше ніж:

var a = 'а';
var b = 'б';
if (a < b) { // true
  console.log(a + ' менше ніж ' + b);
} else if (a > b) {
  console.log(a + ' більше ніж ' + b);
} else {
  console.log(a + ' та ' + b + ' є рівними.');
}

Схожий результат можна отримати за допомогою методу {{jsxref("String.prototype.localeCompare()", "localeCompare()")}}, що успадковується екземплярами String.

Зауважте, що a == b перевіряє рядки у a та b на рівність у звичайний чутливий до регістру спосіб. Якщо вам потрібно порівняння літер без врахування регістру, використовуйте функцію, схожу на цю:

function isEqual(str1, str2)
{
    return str1.toUpperCase() === str2.toUpperCase()
} // isEqual

Верхній регістр використовується замість нижнього в цій функції через деякі проблеми з перетвореннями символів у UTF-8.

Рядкові примітиви та рядкові об'єкти

Зауважте, що JavaScript розрізняє об'єкти String та примітивні рядкові значення. (Те саме стосується типу {{jsxref("Boolean")}} та {{jsxref("Global_Objects/Число", "чисел")}}.)

Рядкові літерали (позначаються подвійними чи одинарними лапками) та рядки, повернені викликами String не в контексті конструктора (тобто, без використання ключового слова {{jsxref("Operators/new", "new")}}) є примітивними рядками. JavaScript автоматично перетворює примітиви на об'єкти String, тому методи об'єкта String можливо використовувати на примітивних рядках. Там, де на примітивному рядку має бути викликаний метод або зустрічається звернення до властивості, JavaScript автоматично загорне рядковий примітив та викличе метод чи виконає звернення до властивості.

var s_prim = 'няв';
var s_obj = new String(s_prim);

console.log(typeof s_prim); // Виведе "string"
console.log(typeof s_obj);  // Виведе "object"

Рядкові примітиви та об'єкти String також дають різні результати при використанні {{jsxref("Global_Objects/eval", "eval()")}}. Примітиви, передані у eval, сприймаються як першокод; об'єкти String поводяться як усі об'єкти, повертаючи об'єкт. Наприклад:

var s1 = '2 + 2';             // створює рядковий примітив
var s2 = new String('2 + 2'); // створює об'єкт String
console.log(eval(s1));        // повертає число 4
console.log(eval(s2));        // повертає рядок "2 + 2"

Через це може статись помилка, якщо код зустрічає об'єкт String там, де очікує рядковий примітив, хоча, загалом, розробникам не потрібно хвилюватись щодо відмінностей.

Об'єкт String завжди можна перетворити на його примітивний аналог методом {{jsxref("String.prototype.valueOf()", "valueOf()")}}.

console.log(eval(s2.valueOf())); // вертає число 4

Екранування

Спеціальні символи можна позначати за допомогою екранування:

Код Результат
\XXX
(де XXX - це 1–3 вісімкових цифр; діапазон 0377)
Символ ISO-8859-1 / код символа Юнікоду між U+0000 та U+00FF
\' одинарні лапки
\" подвійні лапки
\\ зворотній слеш
\n новий рядок
\r повернення каретки
\v вертикальна табуляція
\t горизонтальна табуляція
\b повернення на крок
\f зміна сторінки
\uXXXX (де XXXX - це 4 шістнадцяткових символа; діапазон 0x00000xFFFF) Кодова одиниця UTF-16 / код символа Юнікоду між U+0000 та U+FFFF
\u{X} ... \u{XXXXXX}
(де XXXXXXX - це 1–6 шістнадцяткових символів; діапазон 0x00x10FFFF)
Кодова одиниця UTF-32 / код символа Юнікоду між U+0000 та U+10FFFF
\xXX
(де XX - це 2 шістнадцяткові символи; діапазон 0x000xFF)
символ ISO-8859-1 / код символа Юнікоду між U+0000 та U+00FF

Довгі рядкові літерали

Іноді ваш код міститиме рядки, які є дуже довгими. Замість того, щоб створювати рядки нескінченно довгі чи перенесені за примхою редактора, ви можете самостійно розбити текст на декілька рядків у коді, не вплинувши на реальний вміст літералу. Існує два способи це зробити.

Метод 1

Ви можете скористатись оператором + для поєднання багатьох рядків, ось так:

let longString = "Це дуже довгий текст, його треба " +
                 "записати в декілька рядків," +
                 "інакше мій код буде важко читати."

Метод 2

Ви можете скористатись символом зворотній слеш (\) в кінці кожного рядка, щоб позначити, що текст продовжується на наступному рядку. Переконайтесь, що після зворотнього слеша немає пробілу чи будь-якого іншого символу (окрім символу розриву рядка), або відступу; інакше, це не спрацює.

Ця форма виглядає ось так:

let longString = "Це дуже довгий текст, його треба \
записати в декілька рядків, \
інакше мій код буде важко читати."

Обидва наведені методи виводять ідентичні рядки.

Конструктор

{{jsxref("String/String", "String()")}}
Створює новий об'єкт String. Він виконує перетворення типів, коли викликається як функція, а не як конструктор, що, зазвичай, більш корисно.

Статичні методи

{{jsxref("String.fromCharCode()", "String.fromCharCode(num1 [, ...[, numN]])")}}
Вертає рядок, створений за допомогою вказаної послідовності значень Юнікоду.
{{jsxref("String.fromCodePoint()", "String.fromCodePoint(num1 [, ...[, numN)")}}
Вертає рядок, створений за допомогою вказаної послідовності кодів символів.
{{jsxref("String.raw()")}}
Вертає рядок, створений з сирого шаблонного рядка.

Властивості екземплярів

{{jsxref("String.prototype.length")}}
Відображає довжину рядка. Доступна лише для читання.

Методи екземплярів

{{jsxref("String.prototype.charAt()", "String.prototype.charAt(index)")}}
Вертає символ (рівно одну кодову одиницю UTF-16), розташований за вказаним індексом index.
{{jsxref("String.prototype.charCodeAt()", "String.prototype.charCodeAt(index)")}}
Вертає число, яке є значенням кодової одиниці UTF-16, розташованої за вказаним індексом index.
{{jsxref("String.prototype.codePointAt()", "String.prototype.codePointAt(pos)")}}
Вертає невід'ємне ціле число, яке є значенням коду символу UTF-16, що починається на вказаній позиції pos.
{{jsxref("String.prototype.concat()", "String.prototype.concat(str [, ...strN ])")}}
Об'єднує текст двох (або більше) рядків та повертає новий рядок.
{{jsxref("String.prototype.includes()", "String.prototype.includes(searchString [, position])")}}
Визначає, чи містить рядок, що викликав метод, рядок searchString.
{{jsxref("String.prototype.endsWith()", "String.prototype.endsWith(searchString [, length])")}}
Визначає, чи завершується рядок символами рядка searchString.
{{jsxref("String.prototype.indexOf()", "String.prototype.indexOf(searchValue [, fromIndex])")}}
Вертає індекс всередині об'єкта {{jsxref("String")}}, що викликав метод, першого знайденого значення searchValue, або -1, якщо воно не знайдене.
{{jsxref("String.prototype.lastIndexOf()", "String.prototype.lastIndexOf(searchValue [, fromIndex])")}}
Вертає індекс всередині об'єкта {{jsxref("String")}}, що викликав метод, останнього знайденого значення searchValue, або -1, якщо значення не знайдене.
{{jsxref("String.prototype.localeCompare()", "String.prototype.localeCompare(compareString [, locales [, options]])")}}
Вертає число, що вказує, чи розташований рядок compareString перед, після, чи однаково, відносно наданого рядка у відсованій послідовності.
{{jsxref("String.prototype.match()", "String.prototype.match(regexp)")}}
Використовується, щоб зіставити регулярний вираз regexp з рядком.
{{jsxref("String.prototype.matchAll()", "String.prototype.matchAll(regexp)")}}
Вертає ітератор усіх збігів з регулярним виразом.
{{jsxref("String.prototype.normalize()", "String.prototype.normalize([form])")}}
Вертає рядкове значення, на якому викликано метод, у формі нормалізації Юнікоду.
{{jsxref("String.prototype.padEnd()", "String.prototype.padEnd(targetLength [, padString])")}}
Доповнює поточний рядок наданим рядком з кінця та повертає новий рядок, що має довжину targetLength.
{{jsxref("String.prototype.padStart()", "String.prototype.padStart(targetLength [, padString])")}}
Доповнює поточний рядок наданим рядком з початку та повертає новий рядок, що має довжину targetLength.
{{jsxref("String.prototype.repeat()", "String.prototype.repeat(count)")}}
Повертає рядок, що складається з елементів об'єкта, повторених count разів.
{{jsxref("String.prototype.replace()" , "String.prototype.replace(searchForreplaceWith)")}}
Використовується, щоб замінити searchFor заміною replaceWith. searchFor може бути рядком або регулярним виразом, а replaceWith може бути рядком чи функцією.
{{jsxref("String.prototype.replaceAll()" , "String.prototype.replaceAll(searchForreplaceWith)")}}
Використовується, щоб замінити усі збіги з шаблоном searchFor заміною replaceWithsearchFor може бути рядком або регулярним виразом, а replaceWith може бути рядком або функцією.
{{jsxref("String.prototype.search()", "String.prototype.search(regexp)")}}
Шукає збіг між регулярним виразом regexp та рядком, що викликав метод.
{{jsxref("String.prototype.slice()", "String.prototype.slice(beginIndex[, endIndex])")}}
Вирізає частину рядка та повертає новий рядок.
{{jsxref("String.prototype.split()", "String.prototype.split([sep [, limit] ])")}}
Вертає масив рядків, заповнених розділенням початкового рядка підрядком sep.
{{jsxref("String.prototype.startsWith()", "String.prototype.startsWith(searchString [, length])")}}
Визначає, чи починається рядок з символів рядка searchString.
{{jsxref("String.prototype.substr()")}}
Повертає вказану кільксть символів на початку рядка з вказаної позиції.
{{jsxref("String.prototype.substring()", "String.prototype.substring(indexStart [, indexEnd])")}}
Повертає рядок, що містить символи рядка від вказаного індекса, або між вказаними індексами.
{{jsxref("String.prototype.toLocaleLowerCase()", "String.prototype.toLocaleLowerCase( [locale, ...locales])")}}

Символи рядка переводяться до нижнього регістра відповідно до поточних регіональних налаштувань.

Для більшості мов результат буде такий самий, як у {{jsxref("String.prototype.toLowerCase()", "toLowerCase()")}}.

{{jsxref("String.prototype.toLocaleUpperCase()", "String.prototype.toLocaleUpperCase( [locale, ...locales])")}}

Символи рядка переводяться до верхнього регістра відповідно до поточних регіональних налаштувань.

Для більшості мов результат буде такий самий, як у {{jsxref("String.prototype.toUpperCase()", "toUpperCase()")}}.

{{jsxref("String.prototype.toLowerCase()")}}
Повертає значення рядка, переведене до нижнього регістра.
{{jsxref("String.prototype.toString()")}}
Повертає рядкове представлення вказаного об'єкта. Заміщує метод {{jsxref("Object.prototype.toString()")}}.
{{jsxref("String.prototype.toUpperCase()")}}
Повертає значення рядка, переведене до верхнього регістра.
{{jsxref("String.prototype.trim()")}}
Прибирає пробіли з початку та кінця рядка. Частина стандарту ECMAScript 5.
{{jsxref("String.prototype.trimStart()")}}
Видаляє пробіли з початку рядка.
{{jsxref("String.prototype.trimEnd()")}}
Видаляє пробіли з кінця рядка.
{{jsxref("String.prototype.valueOf()")}}
Повертає просту величину вказаного об'єкта. Заміщує метод {{jsxref("Object.prototype.valueOf()")}}.
{{jsxref("String.prototype.@@iterator()")}}
Повертає новий об'єкт Iterator, який перебирає коди символів рядка, повертаючи кожний код символа рядкового значення.

Методи HTML-обгортки

Застарілі. Уникайте цих методів.

Вони обмежено використовуються, оскільки надають набір доступних тегів та атрибутів HTML.

{{jsxref("String.prototype.anchor()")}}
{{htmlattrxref("name", "a", "<a name=\"name\">")}} (гіпертекстове посилання)
{{jsxref("String.prototype.big()")}}
{{HTMLElement("big")}}
{{jsxref("String.prototype.blink()")}}
{{HTMLElement("blink")}}
{{jsxref("String.prototype.bold()")}}
{{HTMLElement("b")}}
{{jsxref("String.prototype.fixed()")}}
{{HTMLElement("tt")}}
{{jsxref("String.prototype.fontcolor()")}}
{{htmlattrxref("color", "font", "<font color=\"color\">")}}
{{jsxref("String.prototype.fontsize()")}}
{{htmlattrxref("size", "font", "<font size=\"size\">")}}
{{jsxref("String.prototype.italics()")}}
{{HTMLElement("i")}}
{{jsxref("String.prototype.link()")}}
{{htmlattrxref("href", "a", "<a href=\"url\">")}} (посилання на URL)
{{jsxref("String.prototype.small()")}}
{{HTMLElement("small")}}
{{jsxref("String.prototype.strike()")}}
{{HTMLElement("strike")}}
{{jsxref("String.prototype.sub()")}}
{{HTMLElement("sub")}}
{{jsxref("String.prototype.sup()")}}
{{HTMLElement("sup")}}

Приклади

Перетворення рядка

Можливо використовувати String як більш надійну альтернативу {{jsxref("String.prototype.toString()", "toString()")}}, оскільки вона працює при використанні з {{jsxref("null")}}, {{jsxref("undefined")}} та {{jsxref("Symbol", "символами")}}. Наприклад:

var outputStrings = [];
for (let i = 0, n = inputValues.length; i < n; ++i) {
  outputStrings.push(String(inputValues[i]));
}

Специфікації

Специфікація
{{SpecName('ESDraft', '#sec-string-objects', 'String')}}

Сумісність з веб-переглядачами

{{Compat("javascript.builtins.String.String")}}

Див. також