勉強したことのメモ

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

  関連記事

jquery_logo
画像をドラッグ&ドロップでアップロード

■2015/04/15追記 以下記事の方が新しくて詳しい。 http://tai ...

110126-HTML5_Logo
formでdisplay:none;にしてても送信される

formで特定の部分をdisplay:none;で非表示にしてても 内容は送信さ ...

javascript_logo_unofficial-300x300
Flashを用いずJavaScriptでコピー&カット機能を実装する

以前メモったようなFlashを用いる方法ではなく、WebAPIでコピー& ...

javascript_logo_unofficial-300x300
javascriptで画像を取り扱う際の注意

javascriptで画像を取り扱う際に、 ちゃんと要素を指定しているのにも関わ ...

javascript_logo_unofficial-300x300
IEでjavascript関数の初期値

あるJavaScriptの関数でchromeやfirefoxは正常に動いたけどI ...

javascript_logo_unofficial-300x300
JavaScriptでdisplay:none/blockの切り替え

jQueryだとhide/show使うか、もしくは toggleだけでいいけどJ ...

javascript_logo_unofficial-300x300
Highstockの使い方とカスタマイズ

株価などの値動きを図表とするローソク足のグラフを何らかの方法で描写したかった。調 ...

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

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

javascript_logo_unofficial-300x300
javascriptでゼロパティング

月日をゼロパディングしたかったけど PHPとは違い、そういった関数は無かったので ...

javascript_logo_unofficial-300x300
JavaScriptで文字列から数値へ変換時の注意

JavaScriptで文字列から数値へ変換時に思った挙動と異なることがあった。具 ...