#JavaScriptを学ぶ 12 ブラウザ上でのテーブルソート jQueryプラグイン「tablesorter」 mottie.github.io/tablesorter/do… <?= $this->Html->script('jquery.tablesorter.min.js') ?> <script> $(function(){ $("#hoge_table").tablesorter(); }); </script>

#JavaScriptを学ぶ 11 HTMLで，ラジオボタンには 読み取り専用(readonly)属性が無く CSSでグレーアウトもできない。 かわりに，disabled 属性をつける。 複数のradioを一括してグレーアウトしたい場合は // ラジオボタンを編集不可に $("input[type=radio]").prop("disabled", "disabled");

#JavaScriptを学ぶ 10 配列内の１要素だけ削除して， それより後ろを詰めたい場合： arr.splice( i, 1 ); ・arr の i 番目の要素が削除される。(破壊的メソッド) ・第2引数：いくつの要素を削除するか ・削除した場所に新要素を埋め込んで接ぎ合わせる事もできる。 qiita.com/seihmd/items/d…

#JavaScriptを学ぶ 9 zは0埋め関数とする。 // 現在日時 var d = new Date(); var s = d.getFullYear() + "-" + z((d.getMonth() + 1), 2) + z(d.getDate(), 2) + "_" + z(d.getHours(), 2) + z(d.getMinutes(), 2) + "-" + z(d.getSeconds(), 2) + "." + z(d.getMilliseconds(), 3) ;

#JavaScriptを学ぶ 8 現在日時を文字列に var d = new Date(); var s = d.getFullYear() + "-" + ( d.getMonth() + 1 ) + "-" + d.getDate() + "_" + d.getHours() + "-" + d.getMinutes() + "-" + d.getSeconds() + "." + d.getMilliseconds() ; 上記のどの値も 0埋めしていないことに注意

#JavaScriptを学ぶ 7 数値の先頭の0埋めを お手製の関数で。 // 数値を指定桁数だけ0埋めする。 function zeroume( num, digits ) { // 指定桁数より短ければ，先頭に0を1つ付与 while( ( "" + num ).length < digits ) { num = "0" + num; } return num; }

#JavaScriptを学ぶ 6 正規表現で 「検索条件ではあるけど 置換対象には含めない」 という場合… (?!～) による「否定的先読み」を使う // 番号付きなら置換対象から除外 "サイボーグ。サイボーグ009。" .replace( /サイボーグ(?!￥d{3})/, "cyborg" ) → "cyborg。サイボーグ009。"

#JavaScriptを学ぶ 5 String.replace の第2引数では， "$1" などの文字列を使って 「第1引数でのマッチ結果の 括弧のうち何番目か」を参照可能。 例: "お～い太郎。山田くん。山田太郎くん。" .replace( /((山田)?太郎)/g, "【$1】" ) ↓ "お～い【太郎】。山田くん。【山田太郎】くん。"

#JavaScriptを学ぶ 4 「括弧によるキャプチャ抽出をしつつ 1つの文字列に複数回マッチ」 の動作サンプル var r = /(山田)?太郎/g; var s = "太郎くん，山田太郎くん"; var m; while( ( m = r.exec(s) ) != null ){ console.log(m); } [ "太郎", undefined ] [ "山田太郎", "山田" ]

#JavaScriptを学ぶ 3 「括弧によるキャプチャ抽出をしながら， 1つの文字列に対し複数回のマッチをする」 には， matchではなくexecを使う。 language-and-engineering.hatenablog.jp/entry/2016/06/… var r = /正規表現/g ; var s = "文字列"; var m; while( ( m = r.exec( s ) ) != null ){ alert( m ); }

#JavaScriptを学ぶ 2 match時にgオプションを付けると， １つの文字列の中から 複数回のマッチが可能。 "太郎くん，山田太郎くん".match( /(山田)?太郎/g ) → [ "太郎", "山田太郎" ] この場合，matchの返却する配列は gオプション無しの場合のような 「括弧によるキャプチャ」はできない。

#JavaScriptを学ぶ 1 正規表現で 括弧によるキャプチャ箇所を取り出すには gオプションを付けずにmatchする。 配列のn要素目が n個目の括弧に対応。 "太郎くん".match( /(山田)?太郎/ ) → [ "太郎", undefined ] "山田太郎くん".match( /(山田)?太郎/ ) → [ "山田太郎", "山田" ]