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() допомагає видалити зайві пробіли на кінці вводу, щоб уникнути потенційних проблем при порівнянні рядків або їх обробці.

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

Синтаксис

trimEnd()

trimRight()

Параметри

Return

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

Переглядачі

Переглядач
	66	61	12	53	79

Переглядач
	66	66	61	12

Переглядач
	10.0.0	1.0

Приклади

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


  See the Pen <a href="https://codepen.io/css_in_ua/pen/BaMxedq">
  Untitled</a> by css.in.ua (<a href="https://codepen.io/css_in_ua">@css_in_ua</a>)
  on <a href="https://codepen.io">CodePen</a>.

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

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

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

У цьому складнішому прикладі ми використовуємо 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"]

JS довідник

JavaScript

Наповнення JS розділу