システム開発に携わる中で、知識として学んだことや覚えたことを書き綴っています。
投稿日：2013年8月15日 更新日：
文字列を切り取る関数って言語によってsubstringだったりsubstrだったり、使い方も微妙に違っていたりで結構ややこしい。そしてJavaScriptの場合はsubstring関数とsubstr関数の両方があるパターンで、動作は以下のような感じ。
■substring(idx1, idx2)
指定した位置（idx1）から指定した位置（idx2）までの間を切り取る。
■substr(idx, len)
指定した位置（idx）から指定した長さ（len）を切り取る。
|
1 2 |
'あいうえおかきくけこ'.substring(2, 5); // うえお 'あいうえおかきくけこ'.substr(2, 5); // うえおかき |
正直、どっちか片方あれば事足りる気がするし、2種類あることで混乱の元になりそうだけど…。まあ、あるものはあるので仕方ない。
執筆者：admin
関連記事
テキストボックスに入力できる文字を、JavaScriptで制御する方法。 入力値検証というよりも、そもそも許可された値以外は入力できなくするイメージで、テキストボックスへの値入力時、許可していないキー …
金額項目等、数値のみ入力のテキストボックスに対するカンマ編集。 タイミングとしてはテキストボックスのonBlurで以下処理を行う。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
function addComma(item) { // テキストボックスの入力値を取得 var value = item.value; // ブランクだったり数値じゃなかったりの場合は処理終了 if (value == null || value.length == 0 || isNaN(value)) { return; } // 値を数値型に置き換える（0サプレス） var num = Number(value); // また文字列型に置き換える value = String(num); var i; // 3文字区切りでカンマ編集を行うので、こんなfor文 for (i = 0; i < value.length/3; i++) { // 正規表現とreplaceでカンマ編集 value = value.replace(/^([+-]?\d+)(\d\d\d)/,"$1,$2"); } // カンマ編集後の値をテキストボックスの値に設定 item.value = value; } |
& …
JavaScriptで行う数値チェックは、isNaN関数を使用する。 isNaN関数は、引数に与えられた値が数値であればfalse、数値でなければtrueを返す。ただし、空文字や半角全角スペースの場合 …
JavaScriptでの文字列置換は、以下構文のreplace関数を使用する。 置換結果文字列 = 置換前文字列.replace(置換対象文字列, 置換文字列); コード例はこんな感じ。 …