「JSのループのサンプル」を別ウィンドウで開く
各種サンプルとソース一覧 | PCスキルの小技・忘却防止メモ |

JSのループのサンプル

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>JSのループのサンプル</title>
</head>
<body>
<style type="text/css">
h1,h2,h3
{
margin:0.5em 0 0;
padding:0;
}
div
{
margin-top:0.2em;
padding:0.5em;
border:1px solid #ccc;
}
</style>
<h1>JSのループのサンプル</h1>
<h2>for()で「0～4」を出力</h2>
<div>
<script type="text/javascript">
for (i=0; i<5; i++)
{
document.write(i + "、");
}
</script>
</div>
<h2>while()で「0～4」を出力</h2>
<div>
<script type="text/javascript">
i = 0;
while (i<5)
{
document.write(i + "、");
i++;
}
</script>
</div>
<h2>do while()で「0～4」を出力</h2>
<div>
<script type="text/javascript">
i = 0;
do
{
document.write(i + "、");
i++;
}
while (i<5)
</script>
</div>
<h2>while()とdo while()の比較</h2>
<div>
<h3>while()でiの初期値を5にしてみる</h3>
<div>
<script type="text/javascript">
i = 5;
document.write("▼start<br />");
while (i<5)
{
document.write(i + "、");
i++;
}
document.write("<br />▲end<br />");
</script>
</div>
<h3>do while()でiの初期値を5にしてみる</h3>
<div>
<script type="text/javascript">
i = 5;
document.write("▼start<br />");
do
{
document.write(i + "、");
i++;
}
while (i<5)
document.write("<br />▲end<br />");
</script>
</div>
</div>
<div style="font-size:10pt;text-align:right;margin-top:0.5em;">
<a href="//tips.recatnap.info/" target="_top">PCスキルの小技・忘却防止メモ</a> -
<a href="//tips.recatnap.info/wiki/" target="_top">PCスキルの小技・忘却防止メモのまとめ（wiki）</a>
</div>
<div style="font-size:10pt;text-align:center;margin-top:0.5em;padding:0.5em;border-top:1px solid #ccc;">
</div>
</body>
</html>