JavaScript

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

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

JavaScriptの学習におすすめ参考書
改訂3版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで

本書情報
出版社技術評論社
著者山田 祥寛
発売日2023/2/13
ページ数624ページ
レビュー
(Amazon)
(4件)
先輩くん
先輩くん
10万部突破したJavaScriptの本が大幅増補改訂し7年ぶりに発売されたよ!
後輩ちゃん
後輩ちゃん
最新の基本文法から、開発に欠かせない応用トピックまで学ぶことが出来るよ!

綺麗なコードが書けるようになる!
リーダブルコード-より良いコードを書くためのシンプルで実践的なテクニック

本書情報
出版社オライリージャパン
著者Dustin Boswell / Trevor Foucher
発売日2012/6/23
ページ数260ページ
レビュー
(Amazon)
(620件)
先輩くん
先輩くん
より良いコードを書きたい人におすすめの本だよ!
後輩ちゃん
後輩ちゃん
10以上前の書籍ですが、内容は今でも役に立つものばかりです!

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 は	奥が深い..

ブラウザ対応状況

trimメソッドのブラウザ対応状況は以下のとおりです。

デバイス ブラウザ サポート
Chrome 4
Edge 12
FireFox 3.5
Internet Explorer 10
Opera 10.5
Safari 5
WebView Android 37
Chrome Android 18
FireFox for Android 4
Opera Android 11
Safari on iOS 5
Samsung Internet 1.0

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