【JavaScript】前後のスペースを削除する方法

2022年7月2日2023年7月9日

本記事では、JavaScriptで文字列の前後に余分なスペースが入った時の削除する方法について解説しています。

JavaScriptの学習におすすめ書籍

1冊ですべて身につくJavaScript入門講座

総合評価

( 5 )

メリット

楽天ブックス

¥2,794 （2025/02/23 18:06時点 | 楽天市場調べ）

ポチップ

先輩くん

Amazon Kindle Unlimitedに登録すると、月額980円で読み放題だからオススメだよ！

後輩ちゃん

初回30日間は無料だから、まだ登録したことのない人はぜひ試してみてね！

全プログラマー必見！
変数名/関数名にもう悩まない！

リーダブルコード

総合評価

( 5 )

メリット

著:Dustin Boswell, 著:Trevor Foucher, 解説:須藤功平, 翻訳:角征典

¥2,640 （2023/07/23 02:48時点 | Amazon調べ）

ポチップ

trimの使い方

JavaScriptで前後のスペースを削除するには、trimメソッドを使用します。使い方は以下のとおりです。

文字列.trim();

trimの使い方

文字列：前後のスペースを削除したい文字列を指定

const str = "  JavaScriptは奥が深い..  ";
const strConversion = str.trim();
console.log(strConversion); // -> JavaScriptは奥が深い..

文字列の前後に半角スペース以外の「全角スペース」「改行」「タブ」が入っている場合も、trimメソッドによって削除されます。

const str = "\nJavaScriptは奥が深い..\t";
const strConversion = str.trim();
console.log(strConversion); // -> JavaScriptは奥が深い..

エスケープシーケンス

trimメソッドは、前後のスペースを削除することは出来ますが、文字列と文字列の間に存在するスペースは削除されません。

const str = "JavaScript は\t奥が深い..";
const strConversion = str.trim();
console.log(strConversion); // -> JavaScript は	奥が深い..

よかったらシェアしてね！