勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

JavaScriptで配列をループ処理(for-in)

      2014/05/17

JavaScriptでforeach使ったこと無かったけど、
配列のキーが連番じゃなかったらどうなるんやろ、
と思ったので調べてメモ。

var testhash = {1234 : 'hoge', 6543 : 'huga', 5253 : 'fugo'};

for (var key in testhash){
console.log('key->' + key + '/value->' + testhash[key]);
    /*
    コンソールログ内容
    key->1234/value->hoge (index):9
    key->5253/value->fugo (index):9
    key->6543/value->huga
    */
}

for-inをforeachは微妙に違うらしい。

■参考サイト
http://d.hatena.ne.jp/acid-panda/20101223/1293101252

ただ、forEachメソッド、for each-in文ともに
Chromeで試したところうまいこといかなかった。

連想配列でいった感じではfor-in文で問題なさそう。

 - javascript

  関連記事

javascript_logo_unofficial-300x300
alert後にページ遷移

JavaScriptのalertが閉じたらページ遷移させてほしいと言われ、con ...

javascript_logo_unofficial-300x300
CSSとJavaScriptでテキストのコピー防止

あるサイトで文言の意味が分からずGoogleで検索する為にコピペしようとするも、 ...

javascript_logo_unofficial-300x300
JavaScriptでinputタグのtypeを変更

チェックボックスの状態によって inputタグのtypeをtext⇔passwo ...

javascript_logo_unofficial-300x300
複数のajax処理の結果をまとめて表示

同時にajax処理を行う際、挙動やコードの書き方に悩まされることが多い。例えばA ...

javascript_logo_unofficial-300x300
クロスドメインのiframeで子フレームから親フレームにheightの値を渡す

やりたかった事は、 ・iframeで子フレームから親フレームにheightの値を ...

mzl.qobqfuxq
GoogleMapAPIでヒートマップを表示する方法

GoogleMapAPIで花粉状況や雨量を可視化しやすいようなヒートマップ的なも ...

jquery_logo
jQueryで偶数or奇数行にclassを付与

やりたかった事は、 ・PHPは使えなくてjavascriptかjQueryを使用 ...

javascript_logo_unofficial-300x300
highcharts.jsについて

プログラムの作りかえを行う際、既存のソースで highcharts.jsを使って ...

javascript_logo_unofficial-300x300
JavaScriptでcookieの保存

JavaScriptでcookieを保存したかったけど 方法が分からなかったので ...

javascript_logo_unofficial-300x300
JavaScriptで全角半角を判別の上で文字数カウントを行う

やりたかった事は「全角5文字・半角10文字以内の入力フォーム」 みたいなもの。 ...