JS实现简单的杨辉三角

我们通过i与j分别控制每行生成的*与空格,再用字符串进行拼接;
实现效果:
在这里插入图片描述

 <script>
    for(j=0,str1="*";j<=4;j++){
            for(i=4,str2=" ";i>j;i--){
                str2=str2+" ";
            }
            var str=str2+str1;
            console.log(str)
            str1=str1+"**";
        }
    </script>	
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可以使用JavaScript实现杨辉三角的生成,以下是一个简单的例子: ```html <!DOCTYPE html> <html> <head> <title>杨辉三角</title> </head> <body> <h1>杨辉三角</h1> <div id="triangle"></div> <script> function generateTriangle(n) { var triangle = []; for (var i = 0; i < n; i++) { triangle[i] = []; for (var j = 0; j <= i; j++) { if (j === 0 || j === i) { triangle[i][j] = 1; } else { triangle[i][j] = triangle[i-1][j-1] + triangle[i-1][j]; } } } return triangle; } function renderTriangle(triangle) { var output = ""; for (var i = 0; i < triangle.length; i++) { output += "<p>"; for (var j = 0; j < triangle[i].length; j++) { output += triangle[i][j] + " "; } output += "</p>"; } document.getElementById("triangle").innerHTML = output; } var n = 10; // 生成10行杨辉三角 var triangle = generateTriangle(n); renderTriangle(triangle); </script> </body> </html> ``` 在这个例子中,我们定义了两个函数:`generateTriangle` 和 `renderTriangle`。`generateTriangle` 函数用于生成杨辉三角的数组,`renderTriangle` 函数用于将生成的数组渲染到页面上。我们通过调用这两个函数来实现杨辉三角的生成和展示。 在 `generateTriangle` 函数中,我们首先定义一个空数组 `triangle`,表示杨辉三角。然后使用两个嵌套的循环来遍历每一行和每一列,根据杨辉三角的规律来计算每个位置上的数字,并将其存入数组中。 在 `renderTriangle` 函数中,我们首先定义一个空字符串 `output`,用于存储要展示的 HTML 代码。然后使用两个嵌套的循环来遍历数组中的每个数字,将其转换为 HTML 代码并拼接到 `output` 中。最后,将 `output` 设置为 `triangle` 容器的 innerHTML,即可将杨辉三角展示在页面上。 在这个例子中,我们生成了10行杨辉三角。你可以根据需要修改 `n` 的值,来生成不同行数的杨辉三角

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值