#JavaScriptを学ぶ 12

ブラウザ上でのテーブルソート

jQueryプラグイン「tablesorter」
https://mottie.github.io/table...

<?= $this->Html->script('jquery.tablesorter.min.js') ?>
<script>
$(function(){
$("#hoge_table").tablesorter();
});
</script>

#このアカウントのハッシュタグ一覧 3

Web技術:
#JavaScriptを学ぶ
#PHPでコーディング
#cakephpのメモ
#データベースのメモ
#ブラウザの知識
#ブラウザの自動操作

開発の基盤技術(Gitなど):
#Markdown記法を覚えよう
#文字コードの知識

#JavaScriptを学ぶ 11

HTMLで，ラジオボタンには
読み取り専用(readonly)属性が無く
CSSでグレーアウトもできない。

かわりに，disabled 属性をつける。
複数のradioを一括してグレーアウトしたい場合は

// ラジオボタンを編集不可に
$("input[type=radio]").prop("disabled", "disabled");

#JavaScriptを学ぶ 10

配列内の１要素だけ削除して，
それより後ろを詰めたい場合：

arr.splice( i, 1 );

・arr の i 番目の要素が削除される。(破壊的メソッド)
・第2引数：いくつの要素を削除するか
・削除した場所に新要素を埋め込んで接ぎ合わせる事もできる。

https://qiita.com/seihmd/items...

#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を使う。
https://language-and-engineeri...

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( /(山田)?太郎/ )
→ [ "山田太郎", "山田" ]

#このアカウントのハッシュタグ一覧 3

Web技術:
#JavaScriptを学ぶ
#PHPでコーディング
#cakephpのメモ
#データベースのメモ
#ブラウザの知識
#ブラウザの自動操作

開発の基盤技術(Gitなど):
#Markdown記法を覚えよう
#文字コードの知識

#このアカウントのハッシュタグ一覧 3

Web技術:
#JavaScriptを学ぶ
#PHPでコーディング
#cakephpのメモ
#データベースのメモ
#ブラウザの知識
#ブラウザの自動操作

開発の基盤技術(Gitなど):
#Markdown記法を覚えよう
#文字コードの知識