美文网首页
js三角形

js三角形

作者: 码农也会修真 | 来源:发表于2019-06-28 21:09 被阅读0次

实现用♡写出三角形

for (var i = 1; i <= 5; i++) {

    for (var j = 1; j <= i; j++) {

    document.write('♡' + "&nbsp;");
    }
    document.write("<br/>");
}

运行结果如下图所示

小心心.PNG

在其中定义了两层 for 循环,分别为外层循环和内层循环,外层循环用于控制打印的行数。内层循环用于打印“ * ”,每一行的“ * ”个数逐行增加,最后输出一个三角形。下面分步骤进行详细地讲解,具体如下:

第一步,在第 1行代码将 i 初始化为 1,条件 i<=5 为true,首次进入外层循环的循环体。

第二步,在第 2 行代码将 j 初始化为 1,由于此时 i 的值为 1,条件 j<=i (1<=1 )为 false,内层循环结束,执行后边的代码,打印换行符。

第三步,执行第 1行代码中外层循环的操作表达式 i++, 将 i 的值自增为 1.

第四步,执行第 1 行代码中的判断条件 i<=5(1<=5),判断结果为 true,进入外层循环的循环体,继续执行内层循环。

第五步,执行第 2 行代码中的判断条件 j<=i(1<=1),首次进入内层循环的循环体,打印一个“♡”。

第六步,执行第 2 行代码中内层循环的操作表达式 j++ ,将 j 的值自增为 2。

第七步,执行第 2 行代码中的判断条件 j<=i(2<=1) ,判断结果为 false,内层循环结束,执行后面的代码,打印换行符。

第八步,执行第 1 行代码中外层循环的操作表达式 i++, 将 i 的值自增为 2。

第九步,执行第 1 行代码中的判断条件 i<=5,判断结果为 true,进入外层循环的循环体,继续执行内层循环。

第十步,由于 i 的值为 2,内层循环会执行两次,即在第二行打印两个“ ♡ ”,在内层循环结束时会打印换行符。

(i=2,j=1,j<=i 为true,打印 “ ♡ ” ;

j++,j=2,j<=i 为true,再打印一个 “ ♡ ” ;

j++,j=3,j<=i 为false,内层循环结束,执行后边的代码,打印换行符)

第十一步,依次类推,在第 3 行会打印 3 个“ ♡ ”,逐行递增,直到 i 的值为 5 时,外层循环的判断条件 i<=5 结果为 false ,外层循环结束,整个程序也就结束了。

相关文章

  • canvas绘制仪表盘

    效果图 html添加canvas js获取canvas 定义方法绘制圆环 绘制刻度线 绘制文字 绘制圆 绘制三角形...

  • js三角形

    实现用♡写出三角形 运行结果如下图所示 在其中定义了两层 for 循环,分别为外层循环和内层循环,外层循环用于控制...

  • CSS 画三角形

    正三角形 倒正三角形 正左三角形 正右三角形 直角左上三角形 直角右上三角形 直角左下三角形 直角右下三角形

  • js 切割三角形

    前面我说过怎么切割圆形三角形的切割就是每一条边(注意是线段)与另一个线段的交点的问题我们把三角形的每一条边看成一个...

  • 《三角形分类》教学设计

    学习目标: A类目标:通过三角形分类活动,认识直角三角形、锐角三角形、钝角三角形、等腰三角形和等边三角形。 ...

  • 第一二章

    第1章 一次自评价测试 问题:指出三角形是何种三角形 问题分析:三角形包含等腰三角形、等边三角形、不规则三角形 测...

  • 用div+css制作三角形

    直角三角形为例: 右上角的三角形: 左上角的三角形 左下角的三角形 右下角的三角形

  • 学习日志丨读书笔记 & 股市行情分析20190326

    今天学习了7个技术图形,双头(m型)、双底(w型)、上升三角形、下降三角形、底部三角形、扩散三角形、收敛三角形。双...

  • 3.Less学习笔记第三篇

    1.匹配模式 匹配模式 其实相当于 JS中的 switch 1.1 CSS写的一个三角形 看下面的一个例子: 其实...

  • 解三角形

    解三角形 确定三角形中的基本量 确定三角形中的衍伸量 三角形的个数的确定 解三角形的综合性问题

网友评论

      本文标题:js三角形

      本文链接:https://www.haomeiwen.com/subject/ganecctx.html