Треки
/
JavaScript
JavaScript
/
Салабус
/
Рядки тексту
Ря

Рядки тексту у JavaScript

38 вправ

Про концепцію Рядки тексту

Рядок тексту (англ. string) - тип даних у JavaScript для зберігання текстових даних. Окремого типу даних для одного символу немає.

Створення рядка тексту

Ми створюємо літерал рядка тексту, обгортаючи текст в одинарні або подвійні лапки. На Exercism використовують одинарні лапки.

'Hello, World!'
"Hello, World!"

Деякі спеціальні символи тексту потрібно писати зі зворотною косою рискою \ на початку; див. керівні послідовності на MDN.

const text = 'I\'m having fun.\nWhat about you?';
console.log(text);
// => I'm having fun.
// => What about you?

Крім одинарних і подвійних лапок, рядок тексту можна створити, узявши текст у зворотні лапки. Цей синтаксис дає змогу включати одинарні чи подвійні лапки й навіть нові рядки без потреби їх екранувати. Він також дає змогу вбудовувати вирази; докладніше див. шаблонні рядки.

`A multi-line string
with 'single quotes'
and "double quotes"`;

Рядки тексту як масиви символів

Рядок тексту можна розглядати як масив символів, де перший символ має індекс 0. До окремого символу рядка можна звернутися за допомогою квадратних дужок та індексу потрібної літери. Крім того, є метод charAt.

'cat'[1];
// => 'a'

'cat'.charAt(2);
// => 't'

Кількість символів у рядку тексту можна визначити, звернувшись до властивості length.

'cat'.length;
// => 3

Конкатенація та методи

Найпростіший спосіб зʼєднати рядки тексту - скористатися оператором додавання +.

'I like' + ' ' + 'cats.';
// => "I like cats."

Рядки тексту надають багато допоміжних методів; повний список див. у документації MDN про методи рядків. Нижче наведено кілька найуживаніших із них.

  • toUpperCase і toLowerCase - змінюють регістр усіх символів
  • trim - прибирає пробільні символи на початку й у кінці
  • includes, startsWith і endsWith - визначають, чи є інший рядок тексту частиною заданого рядка
  • slice - витягує частину рядка тексту

Рядки тексту незмінні

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

const str = 'cat';
str[1] = 'u'; // fails silently
console.log(str);
// => 'cat'
Редагувати через GitHub Посилання відкривається в новому вікні або вкладці

Вивчити концепцію Рядки тексту

Практика заблокована

Розблокуйте ще 1 вправу, щоб практикувати концепцію Рядки тексту