trimStart() в JavaScript — прибрати пробіли на початку

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

правити

Порада

Перевіряйте введені дані перед обробкою. Перед тим, як використовувати метод trimStart(), завжди рекомендується перевіряти введені дані на наявність пробілів на початку. Наприклад:

const userInput = document.getElementById('userInput').value;
if (userInput.startsWith(' ')) {
 // Введено пробіли на початку, обробка помилкових даних
 alert('Будь ласка, видаліть пробіли на початку введеного тексту.');
} else {
 // Використовуємо trimStart() для очищення
 const cleanedInput = userInput.trimStart();
 // Продовжуємо обробку даних
 // ...
}

автор: Bond правити

Порада

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

const config = `
{
   "server": "example.com",
   "port": 8080,
   "debug": true
}`.trimStart();

console.log(config);

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

автор: Bond правити

Порада

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

const longText = "   Цей текст є дуже довгим і потрібно показати лише частину його вмісту.   ";
const trimmedText = longText.trimStart().substring(0, 50);

console.log(trimmedText + "...");

автор: Bond правити

+ додати пораду чи нотатку

Синтаксис

trimStart()

trimLeft()

Повернення

string

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

автор: Bond

правити

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі Серверні переглядачі

Підтримка: стаціонарні переглядачі

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

Підтримка: мобільні переглядачі

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

Підтримка: серверні переглядачі

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

Приклади

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

<input type="text" id="userNameInput" value="текст для прикладу" placeholder="Введи щось">

// Отримуємо значення, введене користувачем в поле для імені
const userInput = document.getElementById('userNameInput').value;

// Видаляємо зайві пробіли з початку рядка
const cleanedUserName = userInput.trimStart();

// Виводимо очищене ім'я користувача
console.log(`Ласкаво просимо, ${cleanedUserName}!`);

<header>
  <h2 class="title">String.prototype.trimStart()</h2>
  <p class="description">Метод видаляє пробіли з початку рядка.</p>
</header>
<main>
  <div class="result">
    <label for="input">Введіть текст:</label>
    <input type="text" id="input" placeholder="Введіть текст...">
    <button onclick="trimText()">Видалити пробіли</button>
    <p><strong>Результат:</strong></p>
    <p id="output"></p>
  </div>
</main>

body {
  font-size: 16px;
  line-height: 1.5;
  font-family: monospace;
}

header {
  background-color: #f1f1f1;
  margin-bottom: 25px;
  padding: 15px;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(118, 118, 118, 1);
  -moz-box-shadow: 0px 0px 3px 0px rgba(118, 118, 118, 1);
  box-shadow: 0px 0px 3px 0px rgba(118, 118, 118, 1);
}

header h2.title {
  padding-bottom: 15px;
  border-bottom: 1px solid #999;
}

header p.description {
  font-style: italic;
  color: #222;
}

.result {
  background-color: #f8f8f8;
  padding: 15px;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(118, 118, 118, 1);
  -moz-box-shadow: 0px 0px 3px 0px rgba(118, 118, 118, 1);
  box-shadow: 0px 0px 3px 0px rgba(118, 118, 118, 1);
}

button {
  margin-top: 10px;
}

function trimText() {
  const inputElement = document.getElementById('input');
  const outputElement = document.getElementById('output');

  const userInput = inputElement.value;
  const trimmedText = userInput.trimStart();

  outputElement.textContent = trimmedText;
}
//# sourceURL=pen.js

// Довгий текст новини
const longText = "    JavaScript є потужною мовою програмування, яка знаходить застосування у багатьох сферах індустрії.    ";

// Обрізаємо текст, щоб показати лише перші 50 символів без пробілів на початку
const trimmedText = longText.trimStart().substring(0, 50);

// Виводимо скорочений текст
console.log(trimmedText + "...");