初めてJavaScriptをやってみよー日記 ~7日目~

javascriptを学習した時の記録としてブログを書いていきます。

内容

  • for文
  • for in文
  • for of文
  • forEach()

for文

ある値を用意して、その値を操作することで繰り返しを実行する文です。簡単な繰り返しを行う場合に使います。

for (var i=0; i<10; i++) {
    document.write(i + ", ");
}

f:id:yojiyama7:20170920023750p:plain

var sum = 0
var num_array = [1, 65, 26, 2];
for (i=0; i<num_array.length; i++){
    sum += num_array[i];
}
document.write(sum);

f:id:yojiyama7:20170920024230p:plain

for in文

オブジェクトのすべてのプロパティを文内変数に代入して繰り返します。あるオブジェクトを基準に繰り返しを行いたいときに使います。たぶん。

var array = ["abc", "eafd", "bea"];
for (var i in array) {
    document.write(array[i] + ", ");
}

f:id:yojiyama7:20170920025400p:plain

for of文

オブジェクト内の要素を文内変数に代入して繰り返します。文の特性上、要素を持っているオブジェクトしかof ~の部分には書けません。あるオブジェクトを基準に繰り返しを行いたい場合に使います。たぶん。

var num_array = [1, 235, 15, 313, 235]
for (var i of num_array) {
    document.write(i + ", ");
}

f:id:yojiyama7:20170920030206p:plain

forEach()

for of文を関数で行うようなものです。よって基本的には書き方以外for of文と変わりません。たぶん。

var sum = 0; 
var num_array = [4, 643, 6643, 23];
num_array.forEach(function (i) {
    sum += i;
});
document.write(sum);

f:id:yojiyama7:20170920030817p:plain

function()はまた紹介します。