2022年04月23日

javascript:for in

このメソッドの説明

JavaScriptの for in メソッドは [連想配列] を順番に呼び出すループメソッドです。

取り出すのはkeyです。

[添字配列] のループは for ofメソッド を利用して下さい。

 


使い方

for ( Val in Array) { 
  // Val を使った処理を記述します。
}

■配列( Array )の個数だけループが回ります。

■変数( Val )に配列のデータが1個ずつ取り出されます。

 


利用例

①連想配列からデータを取り出す

var option_array = {'apple' : 'リンゴ' , 'orange' : 'ミカン' , 'pineapple' : 'パイナップル'};
for(var key in option_array) {
   console.log(key + '=' + option_array[key]);
}

上記の例では下記が表示されます

・apple=リンゴ

・orange=ミカン

・pineapple=パイナップル

 メモ

上記を for文 で取り出すサンプルも参照して下さい。

for...in を利用した方が簡単に記述できます。

 


参考情報

連想配列で利用できるメソッドは、連想配列操作を参照してください。

 

関数一覧
  • 1.JavaScript/jQueryとは
  • 2.[JS] 変数規則と文字連結
  • 3.[JS] if文
  • 4.[JS] 配列操作
  • 5.[JS] 文字列操作
  • 6.[JS] 画面情報&操作
  • 7.[JS] Timer処理
  • console.log()
  • for
  • for in
  • for of
  • indexOf()
  • join()
  • length
  • map()
  • match()
  • Object.keys()
  • Object.values()
  • parseInt()
  • pop()
  • push()
  • replace()
  • shift()
  • slice()
  • split()
  • toString()
  • unshift()
  • 1.jQueryの導入と記述の基本
  • 2.jQueryの機能追加
  • 3.jQuery文法
  • 4.階層構造の要素セレクトと操作
  • 5.要素サイズ取得メソッド
  • animate()
  • append()
  • attr()
  • change(func)
  • click()
  • click(func)
  • css()
  • each(func)
  • effect()
  • empty()
  • fadeTo()
  • get()
  • hover(f1,f2)
  • html()
  • map(func)
  • mousedown(func)
  • prop()
  • resize(func)
  • show()、hide()
  • slideToggle()
  • submit()
  • submit(func)
  • text()
  • toggle()
  • toggleClass()
  • val()