文字列の前後の空白文字の除去 | [旧] WEB向上中

[旧] WEB向上中

webデザイナーとして日々奮闘する中、色々と忘れず頑張っていければと、web周りの技術や情報をメモっています。

phpのtrimのような動きをする関数がJavaScriptにはないので、その方法をメモ。

(サンプル)-----------------------------------
var string = ' abc ';
string = string.replace(/^\s+|\s+$/g, "");

(解説)---------------------------------------
replace( A, B) はAの正規表現でマッチした文字列をBに置き換える関数です。

Aに当たる部分に使われている正規表現の解説です。

」・・・文字列の先頭
\s」・・・スペース文字
+」・・・1個以上の文字
|」・・・or条件
$」・・・文字列末尾
g」・・・文字列の最後まで検索する(これがないと最初のマッチングでreplace処理を終えてしまう)

以上から、正規表現部分は「先頭から始まる1個以上の連続するスペース文字 または 末尾にある1個以上の連続するスペース文字があれば""(←何も無い状態)に変換する」という意味になります。

ですので先頭の空白文字だけ消したい時は、
string = string.replace(/^\s+/, "");
となり、末尾だけ消したい時は
string = string.replce(/\s+$/, "");
となります。