Назад Зміст

Об'єкт String

Об'єкт String призначений для зберігання текстових даних. Доступ до окремого елемента здійснюється на ім'я та індекс (номер). Нумерація символів у рядку JavaScript починається з нуля.

Вміст JavaScript не можна змінити. Не можна взяти символ посередині та замінити його. Як тільки рядок створено, він такий назавжди.

Методи об'єкта:

• Вже відома нам властивість «length» повертає довжину рядка.
• Метод indexOf() повертає перше входження символу
• Метод «lastIndexOf()», який повертає останнє входження символу
• Метод charAt() повертає символ, що стоїть на вказаній позиції.
• Метод search() шукає рядок для зазначеного значення і повертає позицію
• У JavaScript є 3 методи для отримання підрядка: substring, substr та slice str.slice(start [, end]) .Повертає частину рядка від start до (не включаючи) end.

  метод	вибирає…	негативні значення
  slice(start, end)	від start до end (не включаючи end)	можна передавати негативні значення
  substring(start, end)	між start та end	негативні значення рівнозначні 0
  substr(start, length)	length символів, починаючи від start	значення start може бути негативним

• Метод split() розбиває об'єкт String на масив рядків шляхом поділу рядка зазначеним підрядком.
• Метод join() перетворює всі елементи масиву на рядки і об'єднує їх в один великий рядок. Елемент масиву з типом undefined або null перетворюється на порожній рядок.

  arr.join([separator])

Приклад: використання методів split() та join()

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

Приклад 5

Приклад показує застосування кожного методу до конкретної рядку.

Приклад 6

Дано рядок. Скільки в ній букв "о"?

Приклади вирішення завдань

Завдання 1.Пошук та заміна

Дано рядок 'aaa@bbb@ccc'. Замініть усі @ на '!' за допомогою глобального пошуку та заміни.

Рішення: в даному випадку необхідно скористатися методом replace, який виконує пошук та заміну. Однак, при простому варіанті використання, ця метод знайде і замінить тільки перший збіг:

let str = 'aaa@bbb@ccc';
                  alert(str.replace('@', '!')); //отримаємо 'aaa!bbb@ccc'

Щоб замінити всі збіги, скористаємося глобальним пошуком за допомогою регулярного виразу:

let str = 'aaa@bbb@ccc';
                  alert(str.replace(/@/g, '!')); //отримаємо 'aaa!bbb!ccc'

Завдання 2 . Методи substr, substring, slice

Дано рядок 'aaa bbb ccc'. Видаліть слово 'bbb' трьома різними способами (через substr, substring, slice).

Рішення: слово 'bbb' починається з символу номер 4 (нумерація з нуля), а закінчується символом номер 6. Скористаємося вказаними методами:

let str = 'aaa bbb ccc';
alert(str.substr(4, 3)); //substr(звідки відрізати, скільки відрізати)
alert(str.substring(4, 7)); //substring(звідки відрізати, доки відрізати)
alert(str.slice(4, 7)); //slice (звідки відрізати, доки відрізати)

Зверніть увагу на те, що у методах substring та slice другий параметр має бути на 1 більше того символу, який ми хочемо забрати (тобто, якщо вказати число 7 - відрізання відбудеться до 6 символу включно).

Завдання 3 . Перетворення формату дати

У змінній date лежить дата у форматі '2025-12-31'. Перетворіть цю дату на формат '31/12/2025'.

Рішення: за допомогою методу split розіб'ємо наш рядок '2025-12-31' до масиву по роздільнику '-', при цьому в нульовому елементі виявиться рік, у першому – місяць, у другому – день:

let str = '2025-12-31';
let arr = split('-');
alert(arr);//отримаємо масив ['2025', '12', '31']

Тепер, звертаючись до різних елементів масиву за їх ключами, сформуємо потрібний нам рядок:

let str = '2025-12-31';
var arr = split('-');
var newStr = arr[2] + '/' + arr[1] + '/'+arr[0];
alert(newStr); //отримаємо рядок '31/12/2025'

Назад Зміст