本記事では、jQueryで文字列の前後にある空白を削除する方法について解説しています。
JavaScriptの学習におすすめ書籍
1冊ですべて身につくJavaScript入門講座
メリット
- 誰でも分かるように嚙み砕いて説明してくれる
- アニメーションの知識が深く学べる
- 1つのWebサイトを作りながら学べる
ポチップ
先輩くんAmazon Kindle Unlimitedに登録すると、月額980円で読み放題だからオススメだよ！
後輩ちゃん初回30日間は無料だから、まだ登録したことのない人はぜひ試してみてね！
全プログラマー必見！
変数名/関数名にもう悩まない！
変数名/関数名にもう悩まない！
リーダブルコード
メリット
- 美しいコードが書けるが自然と書けるようになる
- 他の開発者が理解しやすいコードになる
著: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); // -> 我輩は 猫で ある
