javascript：for of

このメソッドの説明

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

取り出すのは添字でなく値です。

[連想配列]にこのメソッドを利用するとエラーになります。連想配列は for in を使ってください。

使い方

for ( val of array ) { 
 // val を使った処理を記述します。
}

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

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

利用例

①添字配列からデータを取り出す

var option_arry = ['リンゴ' , 'みかん' , 'パイナップル' ]; 
for ( var item of option_array) { 
    console.log(item);                             
}

リンゴ , みかん , パイナップルが順番に表示されます。

②RGBコードをHEXコードに変更する

・RGBコード：rgbrgb(9,15,250)は

・HEXコード：#090ffa になります。

すなわち 9→09、15→0f、250→fa に変換する必要があります。

よってRGBコードを取り出し、16進に変換し、頭に0を付け、後ろから2桁の文字を取り出す方法で変換します。

var rgb_color = 'rgb(9,15,250)';
var rgb_array =rgb_color.match(/[\d]+/g); // RGBデータを配列で取得する
var hex_data = '#';
for ( val of rgb_array ) { 
   hex_data = hex_data + ('0'+parseInt(val).toString(16)).slice(-2); 　// HEXデータを2桁ずつ追加する	
}
console.log(rgb_color);
console.log(hex_data);

■下記が表示されます。

rgb(9,15,250)
#090ffa

■参考：map()メソッドを利用するともっと短いプログラムで記述できます。

参考情報

配列を操作する他のメソッドは、配列操作を参照してください。