前後の空白文字（スペース・タブ・改行）を除去する
// ── 基本: 前後の空白（スペース・タブ・改行）を除去 ──────
const raw = ' 田中 太郎 ';
console.log(raw.trim()); // '田中 太郎' ← 前後を除去
console.log(raw.trimStart()); // '田中 太郎 ' ← 先頭だけ除去
console.log(raw.trimEnd()); // ' 田中 太郎' ← 末尾だけ除去
// ── よくある使い方: ユーザー入力の前処理 ───────────────
// フォームの入力値を保存する前に trim() するのは必須
function validateEmail(email: string) {
const trimmed = email.trim(); // まず空白を除去
if (trimmed.length === 0) return 'メールアドレスを入力してください';
if (!trimmed.includes('@')) return '正しいメールアドレスを入力してください';
return null; // エラーなし
}
// React のフォームでの典型パターン
const handleSubmit = (e: React.FormEvent) => {
e.preventDefault();
const name = inputRef.current?.value.trim() ?? '';
if (!name) return; // 空白のみの場合は処理しない
};APIレスポンスやユーザー入力の文字列クリーニングによく使う。タブや改行も除去される。