string.trim()

ストリング・トリム（組み込みオブジェクト）

意味空白の除去

string.trim()とは？

`string.trim()`メソッドは、文字列の両端の空白を除去します。

string.trim()の具体的な使い方

文字列の両端の空白を削除する例

const str = '   Hello, World!   ';
const trimmedStr = str.trim();
console.log(`処理前：'${str}'`);
console.log(`処理後：'${trimmedStr}'`);

👇出力結果

処理前：'   Hello, World!   '
処理後：'Hello, World!'

この例では、文字列の両端にある空白（スペース、タブ、改行など）を削除します。trim()メソッドは新しい文字列を返すので、結果を新しい変数に格納しています。

ユーザー入力の空白を削除する例

<input type="text" id="userInput" placeholder="テキストを入力（空白あり）">
<button onclick="trimInput()">空白を削除</button>
<p id="trimmedResult"></p>

<script>
function trimInput() {
  const input = document.getElementById('userInput').value;
  const trimmedInput = input.trim();
  document.getElementById('trimmedResult').textContent = `処理後：'${trimmedInput}'`;
}
</script>

この例では、ユーザーが入力したテキストの前後の空白を削除します。ユーザーの入力から不要な空白を取り除くのに便利です。

string.trim()に関するよくある質問

Q. trim()は中間の空白も削除する？

A. いいえ、trim()メソッドは文字列の両端の空白のみを削除し、中間の空白は保持されます。例えば、' hello world 'をtrim()すると'hello world'になります。

Q. どんな種類の空白を削除する？

A. trim()メソッドは、スペース、タブ、改行など、すべての種類の空白文字を削除します。これには、Unicode空白文字も含まれます。

Q. 元の文字列は変更される？

A. いいえ、trim()メソッドは新しい文字列を返し、元の文字列は変更されません。元の文字列を変更したい場合は、結果を同じ変数に代入する必要があります。

string.trim()が学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか？
プログラミング単語帳には、JavaScriptのstring.trim()やObject.assign()、date.getDay()、Object.defineProperty()、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。