【Amazon】人気の商品が日替わりで登場!
毎日お得なタイムセール!商品をみる

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

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

JavaScriptの学習におすすめ書籍
1冊ですべて身につくJavaScript入門講座
総合評価
( 5 )
メリット
  • 誰でも分かるように嚙み砕いて説明してくれる
  • アニメーションの知識が深く学べる
  • 1つのWebサイトを作りながら学べる
先輩くん

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は奥が深い..
エスケープシーケンス
  • \t:タブを意味する
  • \n:改行を意味する

文字列内のスペースは削除されない

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

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

ブログランキング・にほんブログ村へ PVアクセスランキング にほんブログ村 FC2 Blog Ranking

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次