for in javascript 入門

   

for

for文は処理を繰り返す。

for (初期値;条件式;;インクリメント他){

処理

}

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>sample1</title>

<script type="text/javascript">
function helloworld(){
for (i=0;i<=7;i++){

alert(i );

 

}
}
</script>
</head>
<body>
<form>
<input type="button" value="ここをクリック" onClick="helloworld()">
</form>

</body>
<html>

実行結果は0から7まで表示されます。

for 多重ループ

for文の入れ子ですね。

for (初期値;条件式;;インクリメント他){

処理

for (初期値;条件式;;インクリメント他){

処理

}

}

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>sample1</title>

<script type="text/javascript">
function helloworld(){
for (i=0;i<2;i++){

alert("iの値" + i);

for (j=0;j<2;j++){

alert("iの値" + i + "jの値" + j);
}

}

}
</script>
</head>
<body>
<form>
<input type="button" value="ここをクリック" onClick="helloworld()">
</form>

</body>
<html>

実行結果は

iの値0
iの値0jの値0
iの値0jの値1
iの値1
iの値1jの値0
iの値1jの値1

です。

for in

オブジェクト等を繰り返すことができます。

 

for (変数名 in オブジェクト){

処理

}

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>sample1</title>

<script type="text/javascript">
function helloworld(){
var ary = [1,2,3];

for (i in ary){

alert(ary[i]);

}
}
</script>
</head>
<body>
<form>
<input type="button" value="ここをクリック" onClick="helloworld()">
</form>

</body>
<html>

実行結果は1から3まで表示されます。

PR



 - javascript 入門

Translate »