http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_DHTML%2FLanguage_Basics%2FFor
JavaScript DHTML/Language Basics/For - История изменений
2026-04-04T15:29:03Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=JavaScript_DHTML/Language_Basics/For&diff=3120&oldid=prev
в 09:59, 26 мая 2010
2010-05-26T09:59:54Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<tr style="vertical-align: top;" lang="ru">
<td colspan="1" style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan="1" style="background-color: white; color:black; text-align: center;">Версия 09:59, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>
http://wbex.ru/index.php?title=JavaScript_DHTML/Language_Basics/For&diff=3121&oldid=prev
Admin: 1 версия
2010-05-26T07:24:29Z
<p>1 версия</p>
<p><b>Новая страница</b></p><div>==A Demonstration of a Nested Loop==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<title>A Demonstration of a Nested Loop</title><br />
</head><body><br />
<script type="text/javascript"><br />
<!--<br />
document.write("All x,y coordinates between (0,0) and (9,9):<br>")<br />
<br />
for (var x = 0; x < 10; ++x) {<br />
for (var y = 0; y < 10; ++y) {<br />
document.write("(" + x + "," + y + "),");<br />
}<br />
document.write("<br>");<br />
}<br />
<br />
document.write("<br>After completing the loop, x equals : " + x);<br />
document.write("<br>After completing the loop, y equals : " + y);<br />
// --><br />
</script><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==A for Loop Used to Count from 0 to 99==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<title>A for Loop Used to Count from 0 to 99</title><br />
<body><br />
<script type="text/javascript"><br />
<!--<br />
document.write("Numbers 0 through 99:");<br />
document.write("<hr size="0" width="50%" align="left">");<br />
<br />
for (var i = 0; i < 100; ++i) {<br />
if(i%10 == 0) {<br />
document.write("<br>");<br />
}<br />
document.write(i + ",");<br />
}<br />
document.write("<br><br>After completing the loop, i equals : " + i);<br />
// --><br />
</script><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Check the loop counter==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<title></title><br />
</head><br />
<body><br />
<script type="text/javascript"><br />
for (var i = 1; i < 101; i++) {<br />
if (i == 99) {<br />
alert("The number is " + i);<br />
}<br />
}<br />
</script><br />
</body><br />
</html><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Control the loop step==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<title>A Simple Page</title><br />
<script language="JavaScript"><br />
for (x = 10; x >= 0; x = x - 2)<br />
{<br />
alert(x);<br />
}<br />
</script><br />
</head><br />
<body><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Declare for loop counter==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<HTML><br />
<HEAD><br />
<SCRIPT language="JavaScript"><br />
for (count=1;count<16;count+=1)<br />
{<br />
document.write(count+"<BR>");<br />
}<br />
</SCRIPT><br />
</HEAD><br />
<BODY><br />
</BODY><br />
</HTML><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
== Drawing a Christmas Tree Using Nested For Loops==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<HTML><br />
<BODY><br />
<CENTER><br />
<SCRIPT> <br />
var width=1; <br />
for (i=0; i <= 5 ; i++) { <br />
for (x=0; x<=4; x++) { <br />
for (y=1; y<=width; y++) { <br />
var Number=Math.random()*10; <br />
var Ornament=Math.round(Number); <br />
if (Ornament<=1) { <br />
document.write("O"); <br />
} <br />
if (Ornament>=2) { <br />
document.write(" X"); <br />
} <br />
} <br />
document.write("<BR>"); <br />
width=width+1; <br />
} <br />
width=width-2; <br />
} <br />
</SCRIPT><br />
</CENTER><br />
</BODY><br />
</HTML><br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==For loop==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<body><br />
<script type="text/javascript"><br />
for (i = 0; i <= 5; i++){<br />
document.write("The number is " + i)<br />
document.write("<br>")<br />
}<br />
</script><br />
</body><br />
</html><br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==For loop for lines==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script language="JavaScript"><br />
<!--<br />
function testLoop() {<br />
var String1 = "<hr align="center" width=";<br />
document.open();<br />
for (var size = 5; size <= 100; size+=5)<br />
document.writeln(String1 + size + "%">");<br />
document.close();<br />
}<br />
//--><br />
</script><br />
</head><br />
<body><br />
<form><br />
<input type="button" value="Test the loop" onClick="testLoop()"><br />
</form><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==For loop with alert dialog==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script language="JavaScript"><br />
<!--<br />
function seeElem(f) {<br />
var elementList = "";<br />
for (var num=0; num < f.elements.length; num++) {<br />
elementList += num + ". " + f.elements[num] + "\n";<br />
}<br />
alert(elementList);<br />
}<br />
//--><br />
</script><br />
</head><br />
<body><br />
<form><br />
<table><br />
<tr><br />
<td>Name:</td><br />
<td><input name="persname" <br />
type="text"><br />
</tr><br />
<tr><br />
<td>E-mail:</td><br />
<td><input name="email" type="text"></td><br />
</tr><br />
</table><br />
<input type="button" value="See elements" onClick="seeElem(this.form)"><br />
</form><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Labeled Statements==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
/*<br />
JavaScript Bible, Fourth Edition<br />
by Danny Goodman <br />
John Wiley & Sons CopyRight 2001<br />
*/<br />
<br />
<HTML><br />
<HEAD><br />
<TITLE>Breaking Out of Nested Labeled Loops</TITLE><br />
<SCRIPT LANGUAGE="JavaScript"><br />
var targetA = 2<br />
var targetB = 2<br />
var range = 5<br />
function run1() {<br />
var out = document.forms[0].output<br />
out.value = "Running WITHOUT labeled break\n"<br />
for (var i = 0; i <= range; i++) {<br />
out.value += "Outer loop #" + i + "\n"<br />
for (var j = 0; j <= range; j++) {<br />
out.value += " Inner loop #" + j + "\n"<br />
if (i == targetA && j == targetB) {<br />
out.value += "**BREAKING OUT OF INNER LOOP**\n"<br />
break<br />
}<br />
}<br />
}<br />
out.value += "After looping, i = " + i + ", j = " + j + "\n"<br />
}<br />
function run2() {<br />
var out = document.forms[0].output<br />
out.value = "Running WITH labeled break\n"<br />
outerLoop:<br />
for (var i = 0; i <= range; i++) {<br />
out.value += "Outer loop #" + i + "\n"<br />
innerLoop:<br />
for (var j = 0; j <= range; j++) {<br />
out.value += " Inner loop #" + j + "\n"<br />
if (i == targetA && j == targetB) {<br />
out.value += "**BREAKING OUT OF OUTER LOOP**\n"<br />
break outerLoop<br />
}<br />
}<br />
}<br />
out.value += "After looping, i = " + i + ", j = " + j + "\n"<br />
}<br />
</SCRIPT><br />
</HEAD><br />
<BODY><br />
<H1>Breaking Out of Nested Labeled Loops</H1><br />
<HR><br />
<P>Look in the Results field for traces of these button scripts:</P><br />
<FORM><br />
<P><INPUT TYPE="button" VALUE="Execute WITHOUT Label" onClick="run1()"></P><br />
<P><INPUT TYPE="button" VALUE="Execute WITH Label" onClick="run2()"></P><br />
<P>Results:</P><br />
<TEXTAREA NAME="output" ROWS=43 COLS=60> </TEXTAREA><br />
</FORM><br />
</BODY><br />
</HTML><br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Plain for loop==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<HTML><br />
<HEAD><br />
<SCRIPT language="JavaScript"><br />
<!-- <br />
for (count=1;count<16;count+=1){<br />
document.write(count+". This is getting way too repetitive.<BR>");<br />
}<br />
//--><br />
</SCRIPT><br />
</HEAD><br />
</HTML><br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==The break Statement==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<HTML><br />
<HEAD><br />
<TITLE>Using the Break Statement</TITLE><br />
</HEAD><br />
<BODY><br />
<SCRIPT><!--<br />
for(i=100;i>0;--i){<br />
document.write(i+"<BR>")<br />
if(i%17==0) <br />
break;<br />
}<br />
// --></SCRIPT><br />
</BODY><br />
</HTML><br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==The continue Statement==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<HTML><br />
<HEAD><br />
<TITLE>Using the Continue Statement</TITLE><br />
</HEAD><br />
<BODY><br />
<SCRIPT><!--<br />
for(i=1;i<10;++i){<br />
if(i%2!=0) continue<br />
document.write(i+"<BR>")<br />
}<br />
// --></SCRIPT><br />
</BODY><br />
</HTML><br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Use for in loop to go through an array==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<title>A Simple Page</title><br />
<script language="JavaScript"><br />
var myarray = new Array(5);<br />
myarray[0] = 5<br />
myarray[1] = 8<br />
myarray[2] = 10<br />
myarray[3] = 18<br />
myarray[4] = 180<br />
for (x in myarray) <br />
{<br />
myarray[x] = ++myarray[x];<br />
}<br />
alert(myarray);<br />
alert(x);<br />
</script><br />
</head><br />
<body><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Use for loop to fill an array==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<title>A Simple Page</title><br />
<script language="JavaScript"><br />
var myarray = new Array();<br />
for (i = 0; i < 10; i++) <br />
{<br />
myarray[i] = i;<br />
}<br />
alert(myarray);<br />
</script><br />
</head><br />
<body><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Use of the for Statement ==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<HTML><br />
<HEAD><br />
<TITLE>Using the For Statement</TITLE><br />
</HEAD><br />
<BODY><br />
<SCRIPT><!--<br />
for(i=1;i<7;++i)<br />
document.write("<H"+i+">This is a level "+i+" heading." +"</H"+i+">")<br />
// --></SCRIPT><br />
</BODY><br />
</HTML><br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Using a for..in Loop in JavaScript==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<title>JavaScript Unleashed</title><br />
</head><br />
<body><br />
<script language="JavaScript1.1" type="text/javascript"><br />
<!--<br />
var anObject = document;<br />
var propertyInfo = "";<br />
<br />
for (var propertyName in anObject) {<br />
propertyInfo = propertyName + " = " + anObject[propertyName];<br />
document.write(propertyInfo + "<br>");<br />
}<br />
// --><br />
</script><br />
</body><br />
</html><br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Using the continue and break Statements==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<title>Using the continue and break Statements</title><br />
</head><br />
<body><br />
<script type="text/javascript"><br />
<!--<br />
var highestNum = 0;<br />
var n = 201;<br />
<br />
for(var i = 0; i < n; ++i){<br />
document.write(i + "<br>");<br />
if(n < 0){<br />
document.write("n cannot be negative.");<br />
break;<br />
}<br />
if (i * i <= n) {<br />
highestNum = i;<br />
continue;<br />
}<br />
document.write("<br>Finished!");<br />
break;<br />
}<br />
document.write("<br>The integer less than or equal to the Square Root");<br />
document.write(" of " + n + " = " + highestNum);<br />
// --><br />
</script><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Using the label Statement==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<title>Using the label Statement</title><br />
</head><br />
<body><br />
<script language="JavaScript1.2" type="text/javascript"> <!--<br />
var stopX = 3;<br />
var stopY = 8;<br />
<br />
document.write("All x,y pairs between (0,0) and (");<br />
document.write(stopX + "," + stopY + "):<br>");<br />
<br />
loopX:<br />
for(var x = 0; x < 5; ++x){<br />
for(var y = 0; y < 10; ++y){<br />
document.write("("+x + "," + y +") ");<br />
if((x == stopX) && (y == stopY)){<br />
break loopX;<br />
}<br />
}<br />
document.write("<br>");<br />
}<br />
document.write("<br>x equals : " + x);<br />
document.writeln("<br>y equals : " + y);<br />
// --><br />
</script><br />
</body><br />
</html><br />
<br />
<br />
<br />
</source></div>
Admin