jQuery

jQuery.trim()で前後の空白を削除する

本記事では、jQueryで文字列の前後にある空白を削除する方法について解説しています。

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

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

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

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

jQuery.trim()の使い方

jQueryで前後の空白を削除するには、jQuery($).trimを使用します。使い方は以下のとおりです。

/** ▼どちらの書き方でもOK **/
jQuery.trim(str);
$.trim(str);
jQuery.trim()の使い方
  • str:前後に空白がある場合に削除した文字列を代入
const str = "  テスト ";
const strAfter = jQuery.trim(str);
console.log(strAfter); // -> テスト

改行・タブ・全角スペースも削除される

jQuery.trimでは、スペース以外にも「改行」「タブ」「全角スペース」で生まれた空白も削除されます。

const str1 = "\tテスト1\t";
const str1After = jQuery.trim(str1);
console.log(str1After); // -> テスト1

const str2 = "\nテスト2\n";
const str2After = jQuery.trim(str2);
console.log(str2After); // -> テスト2
\tタブを意味する
\n改行を意味する
エスケープシーケンス

文章中の空白は削除されない

jQuery.trimは、あくまで前後の空白を削除するためのメソッドなので、文章中に含まれる空白は削除しません。

const str = "我輩は 猫で ある";
const strAfter = jQuery.trim(str);
console.log(strAfter); // -> 我輩は 猫で ある

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