JavaScript系列---for循环（打印星星）

最新推荐文章于 2025-02-26 13:08:41 发布

凡凡小码农～

最新推荐文章于 2025-02-26 13:08:41 发布

阅读量5.4k

点赞数 4

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.youkuaiyun.com/m0_48387335/article/details/121304479

版权

这篇博客展示了如何利用JavaScript编程打印不同形状的星星图案，包括五行五列的正方形布局，倒三角形和正三角形。通过双重循环实现星星的定位，为初学者提供了一个理解控制流和字符串操作的基础实例。

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

1.打印五行五列星星

内层循环负责一行打印五颗星星
外层循环负责打印行数

 var str = "";
        for (var i = 1; i <= 5; i++) {
            for (j = 1; j <= 5; j++) {
                str = str + "★";
            }
            str = str + "\n";
            // 如果一行打印完5个星星就要另起一行
        }
        console.log(str);

效果

2.打印倒三角五角星

算法：内层循环：j=i;i<=10;j++

外层循环第1次内层循环10次
外层循环第2次内层循环9次
...

// 打印倒三角
        var str1 = "";
        for (var i = 1; i <= 10; i++) {
            for (var j = i; j <= 10; j++) {
                str1 = str1 + "☆";
            }
            str1 = str1 + "\n";
        }
        console.log(str1)

效果：

3.打印正三角

外层循环第一次内层循环1次
外层循环第二次内层循环2次
...
j=1;j<=i;j++

  //打印正三角
        str2 = ""
        for (var i = 1; i <= 10; i++) {
            for (var j = 1; j <= i; j++) {
                str2 = str2 + "☆"
            }
            str2 = str2 + "\n"
        }
        console.log(str2)

效果：