Javascript basic tutorial loop statement

Loop statement

##for Loop

for (Statement 1; Statement 2; Statement 3)

Execution statement;

}

## Statement 1 (code block) is executed before starts.

Statement 2 defines the conditions for running the loop (code block)

Statement 3 is executed after the loop (code block) has been executed

Let’s write an example below:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>循环语句    for  循环</title>
</head>
<script type="text/javascript">
	sum= 0;
	for(var i=1;i<=10;i++){
		sum = sum + i;
	}
	document.write(sum);
</script>
<body>

</body>
</html>

The above code calculates the sum of 1 to 10

We are writing an example: Look at the value change of i

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>循环语句    for  循环</title>
</head>
<script type="text/javascript">
	for(var i=1;i<=10;i++){
		document.write("第"+i+"天<br>");	
	}
</script>
<body>

</body>
</html>

In this way, the value of i will increase from 1 to 10. Friends, you can try

while loopwhile(condition){

Execution code block;

}

Example:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>循环语句    while  循环</title>
</head>
<script type="text/javascript">
	var i=1;
	while(i<10){
		document.write("php 中文网<br>");
		i++;
	}
</script>
<body>

</body>
</html>

Note: Friends need to pay attention to the loop body The i++ is used to change the condition. If there is no i++ to change the condition, then i=1; will always satisfy the condition i<10, so the loop will continue to execute.

We call it an infinite loop

Below we use the while loop to write another example: calculate the sum of 1-10

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>循环语句    while  循环</title>
</head>
<script type="text/javascript">
	var i = 1;
	var sum = 0;
	while(i<=10){
		sum = sum + i;
		i++;
	}
	document.write(sum);
</script>
<body>

</body>
</html>

The above code, so the output is also the sum of 1 to 10

Note: while Looping is to first judge the condition. If the condition is met, continue execution. If the condition is not met, jump out of the loop.

As shown in the figure above: the initial value of i is 1. This satisfies the condition, so the loop will be executed. Contents of the body If the conditions are not met, the loop body will be jumped out

For example, if i=11; when the following statement is executed, i++ will not be executed; and then execution continues, and the result sum;

do....while loopdo{

Execution statement;

}while(condition);

Let’s take a look at an example code:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>循环语句    do....while  循环</title>
</head>
<script type="text/javascript">
	var i = 11;
	do{
		document.write(i+'次');
		i++;
	}while(i<10);
</script>
<body>

</body>
</html>

Let’s analyze the above code. The value of i is first 11, enter the loop body, and output 11 times, and then execute i++, so that the value of i at this time is 12, and then judge that the condition is not met, jump out of the loop;

Note:

do while No matter whether the condition is met or not, it will be executed at least once

Next we will use do while to make a sum from 1 to 10. The code is as follows:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>循环语句    do....while  循环</title>
</head>
<script type="text/javascript">
	var sum = 0;
	var i = 1;

	do{
		sum = sum + i ;
		i++;
	}while(i<=10)

	document.write(sum);
</script>
<body>

</body>
</html>

continue and breakThe break statement is used to break out of the loop.

continue is used to skip an iteration in a loop.

We have used the break statement in switch before. Next, we will explain the above code

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>break</title>
</head>
<script type="text/javascript">
	for(var i=1;i<=10;i++){
		if(i==5){
			//break;
			continue;
		}
		document.write(i+"<br>");
	}
</script>
<body>

</body>
</html>

in the example. You can comment out continue and write break to see the output of the two. the difference

break When i is exactly equal to 5, it will jump out of the loop directly, so it will only output 4 times.

continue When i is equal to 5, it will jump out of the loop and continue execution. Look at the output result, only the one equal to 5 The secondary value is not output

Continuing Learning

new file

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>循环语句 for 循环</title> </head> <script type="text/javascript"> sum= 0; for(var i=1;i<=10;i++){ sum = sum + i; } document.write(sum); </script> <body> </body> </html>

submit Reset Code

Automatic operation

Javascript basic tutorial loop statement

ElementaryImperial CMS enterprise imitation website tutorial

ElementaryNewbies with zero foundation in WordPress build personal blogs and corporate websites

ElementaryUltimate CMS zero-based website building instruction video

ElementaryFront-end project-Shangyou [HTML/CSS/JS technology comprehensive practice]

IntermediateVue3.0 from 0 to build a universal backend management system project practice

ElementaryZero-based front-end course [Vue advanced learning and practical application]

ElementaryWEB front-end tutorial [HTML5+CSS3+JS]

ElementaryQuick introduction to apipost

IntermediateVue3+TypeScript practical tutorial-enterprise-level project practice

ElementaryLet's briefly talk about starting a business in PHP

IntermediateVUE e-commerce project (front-end & back-end dual project actual combat)

ElementaryApipost practical application [api, interface, automated testing, mock]