JS метод String.trimEnd()


Загальний опис

Метод String.prototype.trimEnd(), відомий також як String.prototype.trimRight(), використовується для видалення пробільних символів з кінця рядка. Пробільні символи включають не тільки звичайні пробіли, але й символи табуляції, переводу рядка, повернення каретки та інші пробільні символи Unicode. Важливо зауважити, що trimEnd() не змінює оригінальний рядок; натомість, він повертає новий рядок з видаленими пробілами на кінці.

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

Просте використання

Найпростіший приклад використання trimEnd() може виглядати так:

let message = "Цей рядок має зайві пробіли на кінці   ";
let trimmedMessage = message.trimEnd();
console.log(trimmedMessage); // Виведе: "Цей рядок має зайві пробіли на кінці"

У цьому прикладі trimEnd() видаляє всі пробільні символи на кінці рядка message.

Складніше використання

trimEnd() може бути комбінований з іншими методами рядків для досягнення більш складних цілей. Наприклад, використання trimEnd() у поєднанні з trimStart(), щоб видалити пробіли тільки з одного боку рядка:

let data = "   Важливі дані з пробілами з обох боків   ";
let cleanedData = data.trimStart().trimEnd();
console.log(cleanedData); // Виведе: "Важливі дані з пробілами з обох боків"

Тут спочатку видаляються пробіли на початку рядка, а потім - на кінці.

Обробка користувацького вводу

Одним з типових застосувань trimEnd() є обробка тексту, введеного користувачем, перед збереженням у базу даних або перед подальшою обробкою:

function processInput(input) {
  let processedInput = input.trimEnd();
  // Обробка processedInput
}

У цьому випадку trimEnd() допомагає видалити зайві пробіли на кінці вводу, щоб уникнути потенційних проблем при порівнянні рядків або їх обробці.

автор: Bond

Порада

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

автор: Bond
Порада

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

автор: Bond
Порада

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

автор: Bond
Порада

Для складних операцій із рядками, де потрібно одночасно обрізати пробіли на початку та в кінці рядка, розгляньте можливість використання сполучення методів trimStart() та trimEnd(), щоб отримати більш точний контроль над кінцевим форматуванням рядка.

автор: Bond

Синтаксис

trimEnd()

trimRight()

Повернення

string

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

автор: Bond

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач Google Chrome Mozilla Firefox Apple Safari Opera Microsoft EDGE Microsoft Internet Explorer
66 61 12 53 79
Підтримка: мобільні переглядачі
Переглядач Mobile Google Android Mobile Google Chrome Mobile Mozilla Firefox Mobile Apple Safari
66 66 61 12
Підтримка: серверні переглядачі
Переглядач Node.js Deno
10.0.0 1.0

Приклади

+ запропонувати свій приклад у пісочниці

У цьому прикладі ми демонструємо основний спосіб використання методу String.prototype.trimEnd(). Цей метод ефективно видаляє всі пробільні символи (включаючи пробіли, табуляцію та нові рядки) з кінця рядка. Це особливо корисно у ситуаціях, коли потрібно очистити вхідні дані від зайвих пробілів в кінці, не змінюючи початку рядка.

let myString = "Привіт, світе!   \n";
let trimmedString = myString.trimEnd();

console.log(trimmedString); // Виводить: "Привіт, світе!"
автор: Bond

У цьому прикладі користувачі можуть ввести текст у велике текстове поле, потенційно із пробільними символами в кінці. Після натискання на кнопку "Обрізати Пробіли", викликається функція trimEndText(), яка застосовує метод String.prototype.trimEnd() до введеного тексту. Цей метод видаляє всі пробільні символи на кінці рядка. Відредагований текст відображається у відповідному полі для результатів, демонструючи ефективність методу.

автор: Bond

У цьому складнішому прикладі ми використовуємо String.prototype.trimEnd() для підготовки даних перед їх обробкою. Наприклад, при розборі даних з файлу або з користувацького вводу, де можуть бути додаткові пробільні символи на кінці кожного рядка, що потрібно видалити перед подальшим використанням даних.

function parseData(rawData) {
    return rawData.split('\n').map(line => line.trimEnd());
}

let data = "рядок1 \t\nрядок2     \nрядок3 \t ";
let parsedData = parseData(data);

console.log(parsedData); // ["рядок1", "рядок2", "рядок3"]
автор: Bond

Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Як форматувати текст?
Пишемо Виходить
**важливо**
*акцент*
~~застаріле~~
Виділення в тексті. Те саме роблять кнопки панелі, що спливає над виділеним.
## Як працює каскад
### Порядок оголошень
Заголовки всередині тексту. Найбільший не потрібен — він у сторінки вже є.
[[css/property/color]] Посилання на сторінку довідника. Наберіть [[ — поле саме підкаже шляхи, а хибний підкреслить хвилею.
[MDN](https://developer.mozilla.org) Посилання на чужий сайт.
![Схема каскаду](https://site.com/схема.png) Картинка. Опис обов'язковий: його читають пошуковик і незрячі.
Задайте `display: grid` контейнеру Код усередині речення.
```css
.card { display: grid }
```
Код блоком. Мова після трьох лапок вмикає підсвітку.
- Походження
1. Походження
Перелік: маркований і нумерований.
- [ ] дописати приклади
- [x] перевірити в Firefox
Перелік завдань із галочками. Пробіл у порожніх дужках обов'язковий.
> Порядок важить лише за рівної ваги. Цитата на всю ширину абзацу.
Специфічність
: вага селектора; більша перемагає
Список означень: термін, а під ним пояснення з відступом. Пробіл після двокрапки обов'язковий.
Каскад має три критерії[^1]
[^1]: Походження, специфічність, порядок.
Виноска: номер у тексті, примітка внизу сторінки. Без згадки [^1] у тексті примітка не з'явиться.
Відповідь: ||сорок два|| Ховає те, що між рисками: читач бачить на цьому місці розмиту пляму, а решта речення лишається звичайною. Клац — і текст відкрито.
|| Показати рішення
Задайте контейнеру `display: grid`.
||
Ховає цілі абзаци. На сторінці видно лише підпис із першого рядка («Показати рішення»), решта розгортається клацанням по ньому. Закривні риски — окремим рядком.
Порожній рядок Новий абзац. Щоб перенести рядок усередині абзацу, поставте \ в його кінці.

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.

Пропозиція правки

Ваша версія — : після перевірки замінить чинну. Нова порада чи нотатка — з'явиться на сторінці після перевірки.

Як форматувати текст?
Пишемо Виходить
**важливо**
*акцент*
~~застаріле~~
Виділення в тексті. Те саме роблять кнопки панелі, що спливає над виділеним.
## Як працює каскад
### Порядок оголошень
Заголовки всередині тексту. Найбільший не потрібен — він у сторінки вже є.
[[css/property/color]] Посилання на сторінку довідника. Наберіть [[ — поле саме підкаже шляхи, а хибний підкреслить хвилею.
[MDN](https://developer.mozilla.org) Посилання на чужий сайт.
![Схема каскаду](https://site.com/схема.png) Картинка. Опис обов'язковий: його читають пошуковик і незрячі.
Задайте `display: grid` контейнеру Код усередині речення.
```css
.card { display: grid }
```
Код блоком. Мова після трьох лапок вмикає підсвітку.
- Походження
1. Походження
Перелік: маркований і нумерований.
- [ ] дописати приклади
- [x] перевірити в Firefox
Перелік завдань із галочками. Пробіл у порожніх дужках обов'язковий.
> Порядок важить лише за рівної ваги. Цитата на всю ширину абзацу.
Специфічність
: вага селектора; більша перемагає
Список означень: термін, а під ним пояснення з відступом. Пробіл після двокрапки обов'язковий.
Каскад має три критерії[^1]
[^1]: Походження, специфічність, порядок.
Виноска: номер у тексті, примітка внизу сторінки. Без згадки [^1] у тексті примітка не з'явиться.
Відповідь: ||сорок два|| Ховає те, що між рисками: читач бачить на цьому місці розмиту пляму, а решта речення лишається звичайною. Клац — і текст відкрито.
|| Показати рішення
Задайте контейнеру `display: grid`.
||
Ховає цілі абзаци. На сторінці видно лише підпис із першого рядка («Показати рішення»), решта розгортається клацанням по ньому. Закривні риски — окремим рядком.
Порожній рядок Новий абзац. Щоб перенести рядок усередині абзацу, поставте \ в його кінці.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія секції «»: після перевірки замінить чинну.

Як форматувати текст?
Пишемо Виходить
**важливо**
*акцент*
~~застаріле~~
Виділення в тексті. Те саме роблять кнопки панелі, що спливає над виділеним.
## Як працює каскад
### Порядок оголошень
Заголовки всередині тексту. Найбільший не потрібен — він у сторінки вже є.
[[css/property/color]] Посилання на сторінку довідника. Наберіть [[ — поле саме підкаже шляхи, а хибний підкреслить хвилею.
[MDN](https://developer.mozilla.org) Посилання на чужий сайт.
![Схема каскаду](https://site.com/схема.png) Картинка. Опис обов'язковий: його читають пошуковик і незрячі.
Задайте `display: grid` контейнеру Код усередині речення.
```css
.card { display: grid }
```
Код блоком. Мова після трьох лапок вмикає підсвітку.
- Походження
1. Походження
Перелік: маркований і нумерований.
- [ ] дописати приклади
- [x] перевірити в Firefox
Перелік завдань із галочками. Пробіл у порожніх дужках обов'язковий.
> Порядок важить лише за рівної ваги. Цитата на всю ширину абзацу.
Специфічність
: вага селектора; більша перемагає
Список означень: термін, а під ним пояснення з відступом. Пробіл після двокрапки обов'язковий.
Каскад має три критерії[^1]
[^1]: Походження, специфічність, порядок.
Виноска: номер у тексті, примітка внизу сторінки. Без згадки [^1] у тексті примітка не з'явиться.
Відповідь: ||сорок два|| Ховає те, що між рисками: читач бачить на цьому місці розмиту пляму, а решта речення лишається звичайною. Клац — і текст відкрито.
|| Показати рішення
Задайте контейнеру `display: grid`.
||
Ховає цілі абзаци. На сторінці видно лише підпис із першого рядка («Показати рішення»), решта розгортається клацанням по ньому. Закривні риски — окремим рядком.
Порожній рядок Новий абзац. Щоб перенести рядок усередині абзацу, поставте \ в його кінці.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія опису «»: після перевірки замінить чинну.

Як форматувати текст?
Пишемо Виходить
**важливо**
*акцент*
~~застаріле~~
Виділення в тексті. Те саме роблять кнопки панелі, що спливає над виділеним.
## Як працює каскад
### Порядок оголошень
Заголовки всередині тексту. Найбільший не потрібен — він у сторінки вже є.
[[css/property/color]] Посилання на сторінку довідника. Наберіть [[ — поле саме підкаже шляхи, а хибний підкреслить хвилею.
[MDN](https://developer.mozilla.org) Посилання на чужий сайт.
![Схема каскаду](https://site.com/схема.png) Картинка. Опис обов'язковий: його читають пошуковик і незрячі.
Задайте `display: grid` контейнеру Код усередині речення.
```css
.card { display: grid }
```
Код блоком. Мова після трьох лапок вмикає підсвітку.
- Походження
1. Походження
Перелік: маркований і нумерований.
- [ ] дописати приклади
- [x] перевірити в Firefox
Перелік завдань із галочками. Пробіл у порожніх дужках обов'язковий.
> Порядок важить лише за рівної ваги. Цитата на всю ширину абзацу.
Специфічність
: вага селектора; більша перемагає
Список означень: термін, а під ним пояснення з відступом. Пробіл після двокрапки обов'язковий.
Каскад має три критерії[^1]
[^1]: Походження, специфічність, порядок.
Виноска: номер у тексті, примітка внизу сторінки. Без згадки [^1] у тексті примітка не з'явиться.
Відповідь: ||сорок два|| Ховає те, що між рисками: читач бачить на цьому місці розмиту пляму, а решта речення лишається звичайною. Клац — і текст відкрито.
|| Показати рішення
Задайте контейнеру `display: grid`.
||
Ховає цілі абзаци. На сторінці видно лише підпис із першого рядка («Показати рішення»), решта розгортається клацанням по ньому. Закривні риски — окремим рядком.
Порожній рядок Новий абзац. Щоб перенести рядок усередині абзацу, поставте \ в його кінці.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Зворотний зв'язок
Вхід