タグ: javascript

JavaScript HTML5 DOM Storage

DOM Storage 属性・メソッド length 格納されているデータの数(unsinged long)を返す、読込専用属性。 key(index) インデックス(unsinged long)を引数として、対応する格納データ文字列を取得する。 格納されているキーとデータのペアの数以上のインデックス値を渡すと null を返す。 getItem(key) キー文字列を引数として、対応する格納デー…続きを読む

JavaScript 配列 (Array) の反復的なメソッド

JavaScript1.6、 1.8 で追加された、配列 (Array) の反復メソッドについて。 filter 配列を、引数として渡された関数でフィルタリングして、結果が真(true)となる要素からなる配列を作る。 filter に渡される関数は、要素の値、インデックス、配列の3つの引数を取る。 function(val, index, array) 配列内の偶数要素からなる配列を作る例。 va…続きを読む

JavaScript でループ処理の中でのイベント割り当てにクロージャを使う

このクロージャの使い方を忘れてしまうのでメモしておく。 ループ処理の中でイベントを割り当てる場合に、ループカウンタが回り切ったものが適用されてしまう問題の解決方法。 デモ JavaScript コード /* クロージャを使わない場合(カウンタが回り切った値 3 が表示される) */ for (var i = 0; i < 3; i++) { $(‘#action1-‘+i).click(fu…続きを読む

Processing.js で Drawing

Processing.js で JavaScript を使って Drawing をしてみる。 processing.init.js をロードすることで type が application/processing の <script> タグの中に記述されたコードが Processing で実行できるようになる。 以下のコードのデモ <script src="./proce…続きを読む

カード配り問題(10分プログラミング)

"Latest topics > カード配り問題 – outsider reflex" や "10分プログラミング – hogehoge" を見て、自分も "10分でコーディング|プログラミングに自信があるやつこい!!" をやってみた。 カード枚数が足りない場合を考えていたら20分かかってしまった・・・ var d…続きを読む

ビット演算スクリプト

JavaScript でビット演算をするスクリプトを作ってみた。 Firefox, Safari, Google Chrome, Opera ではちゃんと動作している。 IE ではシフト演算がおかしくなってしまっている・・・ ビット演算スクリプト JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス posted with amazlet at 09.12…続きを読む