for loopThe for loop loops through the elements of an array. grammar:
For loop execution order:
Example: Find the sum of even numbers from 1 to 100 var num=0 for(var i=0;i<=100;i+=2){ //i+=2 means i=i+2 num +=i } console.log("Sum of even numbers: "+num) Double for loopNested loops refer to the grammatical structure of defining another loop statement within a loop statement. For example, in a for loop statement, you can nest another for loop. We call such a for loop statement a double for loop. grammar:
The essence of the double for loop is:
Example: Output the multiplication table for(var i= 0 ; i <= 9 ; i++){ for(var aa = 1 ; aa <i+1 ; aa++){ document.write(aa+"*"+i+"="+i*aa); } document.write("<br />"); } You can add some styles to make it more beautiful (add a span element to define the width of the body, change the span element to an inline-block element, and set its fixed width) <head> <style> body{ width:2000px; } span{ display:inline-block; width:80px; } </style> </head> <body> <script> for(var i= 0 ; i <= 9 ; i++){ for(var aa = 1 ; aa <i+1 ; aa++){ document.write("<span>"+aa+"*"+i+"="+i*aa+"</span>"); } document.write("<br />"); } </script> </body> SummarizeThis concludes this article about for loops and double for loops in JavaScript. For more information about JavaScript double for loops, please search previous articles on 123WORDPRESS.COM or continue browsing the following related articles. I hope you will support 123WORDPRESS.COM in the future! You may also be interested in:
|
<<: How to import/save/load/delete images locally in Docker
>>: mysql solves the problem of finding records where two or more fields are NULL
question When installing Docker using Alibaba Clo...
The installation of compressed packages has chang...
There are many reasons why an application is as s...
1. Favicon.cc To create ico icon websites online,...
We are in an era of rapid development of mobile In...
Achieve results Implementation Code html <div ...
Effect check address: Tour plan (uplanok.com) Cod...
It is recommended to use the sudo su command to s...
The paging effect is implemented in the vue proje...
This article introduces the CSS Sticky Footer imp...
First post the effect picture: A scroll bar appear...
The appearance of a web page depends largely on i...
Preface Swap is a special file (or partition) loc...
Use CSS to modify the browser scroll bar style ::...
Table of contents 1. Three functions of toString ...