繰り返し
概要
処理を繰り返す場合に処理を行う
1.for文(回数指定)
2.for-in文(連想配列繰り返し)
3.while文(条件指定、前条件判断)
4.do-while文(条件指定、後条件判断)
1.for文(回数指定)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>テストサイト</title>
</head>
<body>
<script type="text/javascript">
//<![CDATA[
// 回数指定の繰り返し
for(var i = 0;i < 10;i++){
document.write("i=" + i + "<br />");
}
// 出力1
document.write("Test Javascript" + "<br />");
//]]>
</script>
</body>
</html>
1-B.for文(配列での回数指定)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>テストサイト</title>
</head>
<body>
<script type="text/javascript">
//<![CDATA[
// 配列
var list = ["aaa", "bbb", "ccc", "ddd", "eee"];
// 回数指定の繰り返し
for(var i = 0;i < list.length ;i++){
document.write("list=" + list[i] + "<br />");
}
// 出力1
document.write("Test Javascript" + "<br />");
//]]>
</script>
</body>
</html>
2.for-in文(連想配列繰り返し)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>テストサイト</title>
</head>
<body>
<script type="text/javascript">
//<![CDATA[
// 連想配列
var list = {"aaa" : "11111",
"bbb" : "22222",
"ccc" : "33333",
"ddd" : "44444",
"eee" : "55555",};
// 連想配列の繰り返し
for(var key in list){
document.write("kwy=" + key + " list=" + list[key] + "<br />");
}
// 出力1
document.write("Test Javascript" + "<br />");
//]]>
</script>
</body>
</html>
3.while文(条件指定、前条件判断)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>テストサイト</title>
</head>
<body>
<script type="text/javascript">
//<![CDATA[
// 添え字
var i=10;
// 継続条件
while(i < 10){
// 出力
document.write("i=" + i + "<br />");
// インクリメント
i++;
}
document.write("<br />");
// 出力1
document.write("Test Javascript" + "<br />");
//]]>
</script>
</body>
</html>
4.do-while文(条件指定、後条件判断)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>テストサイト</title>
</head>
<body>
<script type="text/javascript">
//<![CDATA[
// 添え字
var i=10;
// 継続条件
do{
// 出力
document.write("i=" + i + "<br />");
// インクリメント
i++;
}while(i < 10);
document.write("<br />");
// 出力1
document.write("Test Javascript" + "<br />");
//]]>
</script>
</body>
</html>
最終更新:2012年02月15日 21:39