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

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

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

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

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

後輩ちゃん

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

全プログラマー必見!
変数名/関数名にもう悩まない!
リーダブルコード
総合評価
( 5 )
メリット
  • 美しいコードが書けるが自然と書けるようになる
  • 他の開発者が理解しやすいコードになる
著:Dustin Boswell, 著:Trevor Foucher, 解説:須藤 功平, 翻訳:角 征典
¥2,640 (2023/07/23 02:48時点 | Amazon調べ)
目次

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アクセスランキング にほんブログ村 FC2 Blog Ranking

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