JavaScript练习_根据如下效果图,定义5个变量输出如下图类型值【训练目标】熟练使用javascript基-优快云博客

本文展示了使用JavaScript实现的几个经典编程问题，包括绘制菱形、找出三位水仙花数、计算阶乘、求阶乘和、计算不同走法以及解决不死兔子问题。这些问题涵盖了循环和递归等编程基础概念。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.输出一个菱形

使用JavaScript输出一个菱形

代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
		for(var i = 0; i < 7; i++) {
		              if(i <= 3) {
		                  var s = "";
		                  for(var j = 0; j < 3 - i; j++) {
		                      s += " ";
		                  }
		                  for(var j = 0; j < i * 2 + 1; j++) {
		                      s += "*";
		                  }
		              } else {
		                  var s = "";
		                  for(var j = 0; j < i - 3; j++) {
		                      s += " ";
		                  }
		                  for(var j = (7 - i) * 2 - 1; j > 0; j--) {
		                      s += "*";
		                  }
		              }
		              console.log(s);
		          }
		</script>
	</head>
	<body>
	</body>
</html>

成品图：

在这里插入图片描述

2.求所有三位水仙花数

求三位水仙花数
水仙花数就是:个位的立方➕十位的立方➕百位的立方＝这个数本身

代码

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
  <script>
	  var a,b,number;
	  for(var i=1;i<10;i++){
		  for(var j =0;j<10;j++)
		  {
			  for(var k=0;k<10;k++){
				  a=(i*i*i)+(j*j*j)+(k*k*k)
				  b=i*100+j*10+k;
				  number = parseInt(b);
				  if(a==number){
					  console.log('水仙花数：'+a);
				  }
			  }
		  }
	  }
  </script>
 </head>
 <body>
 </body>
</html>

成品图

在这里插入图片描述

3.求10的阶乘

用循环求10！

代码

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
  <script>
	  var sum=1;
	  for(var i=10;i>0;i--){
		  sum=i*sum;
	  }
	 console.log(sum);
  </script>
 </head>
 <body>
 </body>
</html>

成品图

在这里插入图片描述

4.求1-10的阶乘的和

用循环求10！+9！+8！……1！

代码

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
  <script>
	  var sum=0;
	 for(var i=1;i<=10;i++)
	 {
		 x=1;
		 for(var j=1;j<=i;j++){
			 x=x*j;
		 }
		 sum = sum+x;
	 }
	 console.log(sum);
  </script>
 </head>
 <body>
 </body>
</html>

成品图

在这里插入图片描述

5.求n个台阶共有多少种走法

假如一次只能走上一阶或者一下子蹦上两阶。现在一共有N阶台阶，请你计算一下从第0阶到第N阶共有几种走法。

代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    <body>
		<script>
			let step = parseInt(prompt("请输入阶梯数量：",0))
			alert("有"+fn(step)+"种")
			function fn(n){
			     if(n===1 || n===2){
			      return n
			     }else{
			       return fn(n-1)+fn(n-2);
			     }
			  }
		</script>
	</body>
</html>

成品图

在这里插入图片描述

6.不死兔子问题

一对小兔子，4个月能长大，长大以后每个月生一对小兔子，求第n个月有多少对兔子。

代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			let m = parseInt(prompt("您问的是第几个月的兔子数量：",0))
			alert("第"+m+"个月有"+Rabbit(m)+"对兔子")
			
			function Rabbit(n){
				if(n <= 4){
					return 1
				}
				return Rabbit(n-1)+Rabbit(n-3)
			}
		</script>
	</body>
</html>