for 循环结构实例

(1)打印等腰三角形(金字塔形状)
要求: 1,3,5,7,9…排列方式并且使用户手动输入行数

       <script type="text/javascript">
			var mess=prompt('请输入行数:');
            var n=parseInt(mess);
			for(var i=0;i<n;i++){ //控制行数
				for(var k=0;k<n-i-1;k++){
					document.writeln('<div style="display:inline-block;width:5px;height:5px">&nbsp;</div>');
				}
				for(var j=0;j<2*i+1;j++){  //控制每行的个数
					document.writeln('<div style="display:inline-block;width:5px;height:5px">*</div>');
				}
				document.write('<br />');
			}
		</script>

(2) 打印空心的直角三角形和空心的矩形
要求: 用户手动输入行数

         <script type="text/javascript">
			var row=prompt("请输入打印的行数:");
//			空心直角三角形
			for (var i=1;i<=row;i++) {//i:表示打印的行数
				for (var j=1;j<=2*i-1;j++) {//j:每行打印的个数
						if (j==1 || j==2*i-1 || i==row) {
							document.write("<div class='div1'>*</div>");
						} else{
							document.write("<div class='div1'>&nbsp;</div>");
						}
				}
				document.write("<br />");
			}
				document.write("<br />");
//			空心矩形
			for (var i=1;i<=row;i++) {//i:表示打印的行数
				for (var j=1;j<=2*row;j++) {//j:每行打印的个数
						if (i==1 || j==1 || j==2*row || i==row) {
							document.write("<div class='div1'>*</div>");
						} else{
							document.write("<div class='div1'>&nbsp;</div>");
						}		
				}
				document.write("<br />");
			}
		</script>

(3) 打印九九乘法表;

            <script type="text/javascript">
            	document.write('<table>');
			    for(var i=1;i<=9;i++){
					document.write('<tr>');
						for(var j=1;j<=i;j++){
							document.write('<td style="border: 1px solid red;">');
								document.write(j+'*'+i+'='+i*j);
							document.write('</td>');
						}
					document.write('</tr>');
				}	
				document.write('</table>');
            </script>

(4) 输出 1–100 之间的质数;

           <script type="text/javascript">
            	for(var i=2;i<=100;i++){		
					var bool=true; //表示的是质数		
					for(var j=2;j<i;j++){
						
						if(i%j==0){
							bool=false;
							break;
						}
					}
					
					if(bool){
						document.writeln(i);
					}
				}
            </script>

(5) 编程实现 1,2,3,4 四个数字可以组成多少个互不相同的三位数?

            <script type="text/javascript">
				for(var i=1;i<=4;i++){
					for(var j=1;j<=4;j++){
						for(var k=1;k<=4;k++){
							if(i!=j&&j!=k&&k!=i){
								document.write(i+j*10+k*100+'<br />');
							}
						}
					}
				}
			</script>

(6) 打印菱形图形输出到页面,要求: 用户手动输入行数.

            <script type="text/javascript">
				var n =parseInt(prompt("请输入行数"));
				for(var i=0;i<n;i++){
					for(var k=0;k<n-i-1;k++){
						document.write("<label style='color: wheat;'>*</label>")
					}
					for(var j=0;j<2*i+1;j++){
						if(j==0 || j==2*i){
							document.write("*")
				        }
				        else{
							document.write("<label style='color: wheat;'>*</label>")
						}
					}
					document.write("<br/>")
				}
				for(var ii=0;ii<n;ii++){
					for(var kk=0;kk<ii+1;kk++){
						document.write("<label style='color: wheat;'>*</label>")
					}
					for(var jj=0;jj<2*(n-ii)-2;jj++){
						if(jj==0 || jj==2*(n-ii)-4){
							document.write("*")
					}
						else{
							document.write("<label style='color: wheat;'>*</label>")
						}		
					}
					document.write("<br/>")
				}
			</script>

(7) 水仙花数

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			for (var gw=0;gw<=9;gw++) {//gw:表示个位			
				for (var sw=0;sw<=9;sw++) {//sw:表示十位		
					for (var bw=1;bw<=9;bw++) {//bw:表示百位		
						if (gw+sw*10+bw*100 == gw*gw*gw + sw*sw*sw + bw*bw*bw) {
								document.write(gw+sw*10+bw*100+"<br />");
						} else{
								continue;
							}				
					}				
				}				
			}		
		</script>
	</body>
</html>

(8)空心的平行四边形

            <script type="text/javascript">
				var n=prompt('请输入行数')
				for (var i=0;i<n;i++) {
					for (var k=0;k<n-i-1;k++) {
						document.write('<div class="div1">&nbsp;</div>')
					}
					for (var j=0;j<n;j++) {
						if (i==0||i==n-1||j==0||j==n-1) {
							document.write('<div class="div1">*</div>')
						} else{
							document.write('<div class="div1">&nbsp;</div>')
						}						
					}
					document.write("<br />")
				}
			</script>

猜你喜欢

转载自blog.csdn.net/weixin_43750162/article/details/87546693