for 循环的嵌套输出三角形金字塔

最新推荐文章于 2023-07-06 20:48:21 发布

原创最新推荐文章于 2023-07-06 20:48:21 发布 · 2.6k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#js #javascript

JavaScript 专栏收录该内容

47 篇文章

订阅专栏

本文介绍了一种使用JavaScript绘制金字塔图案的方法。通过嵌套循环结构，首先输出每一行前的空格，然后输出相应数量的星号及间隔空格，最终形成一个完整的金字塔形状。这种图案绘制方法适用于初学者学习循环与条件判断的基础应用。

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

金字塔的基本思路

 
                *        4   总行数 - 当前行数
               * *       3
              * * *      2
             * * * *     1
            * * * * *    0

第一个部分是星号之前的空格

每行空格个数为行数 - 当前行数

第二个部分是星号+空格

每行星号+空格的个数是当前行的行数

源码：

 // 定义变量 作为 总行数
        var line = 8;

        // 外层循环实现行数 也就是 1-8 
        for(var i = 1 ; i <= 8 ; i++){
            // 生成 *号之前的空格 
            // 总函数 - 当前行数 
            //  line -  i
            //  方式1: var j = 1; j <= line-1; j++
            //  方式2: var j = line-1; j >= 1; j--
            for( var j = 1; j <= line-i; j++ ){
                document.write( '&nbsp;' );
            }

            // 生成 *+空格 
            for( var k = 1; k <= i; k++ ){
                document.write( '* ' );
            }

            // 一行内容结束的换行
            document.write( '<br>' );
        }