• JavaScript通过for循环实现九九乘法表的左下、左上、右上、右下对齐成直角三角形


            九九乘法表共 9 行 9 列,以下通过JavaScript代码块的控制,来实现关于九九乘法表的左下、左上、右下、右上对齐形成三角形的效果。

    注意:(1)掌握 for 循环及多层for循环的使用。
              (2)分清代表行号与列号的变量,注意输出顺序。
              (3)右对齐的时候,左空白部分要用空格输出控制。

    1. 九九乘法表关于左下角对齐直角三角形。

    代码块:

    //双层for循环
    for (var i=1;i<=9;i++){
    var str = '';
    for(var j=1;j<=i;j++){
    str += j+'*'+i+'='+j*i+'	';
    }
    console.log(str);
    }

     效果显示图:

    2. 九九乘法表关于左上角对齐直角三角形。

    代码块:

    1 for(var i=9;i>0;i--){
    2 var str = '';
    3 for(var j=1;j<=i;j++){
    4 str += j+'*'+i+'='+j*i+'	';
    5 }
    6 console.log(str);
    7 }

     效果图:

    3. 九九乘法表关于右上角对齐直角三角形。

    代码块:

    1 for(var i=9;i>=1;i--){
    2 var str = '';
    3 for(var j=9;j>=1;j--){
    4 str += j>i?' ':j+'*'+i+'='+i*j+'	';
    5 }console.log(str);
    6 }

    效果图:

    4. 九九乘法表关于右下角对齐直角三角形。

    代码块:

    1 for(var i=1;i<=9;i++){
    2 var str = '';
    3 for(var j=9;j>i;j--){
    4 str +=' ';
    5 }for(j=i;j>0;j--){
    6 str += i+'*'+j+'='+i*j+'	';
    7 }console.log(str);
    8 } 

    效果图:



  • 相关阅读:
    hdu 5154 拓扑排序
    CSS性能优化的8个技巧
    移动端性能监控方案Hertz
    箴言
    如何使网页的文字不能被复制
    flyio 的请求封装
    vue-cli3.0 环境变量与模式
    函数防抖和函数节流
    CSS世界中那些说起来很冷的知识
    vue多层次组件监听动作和属性
  • 原文地址:https://www.cnblogs.com/zyxdjyd/p/12611246.html
Copyright © 2020-2023  润新知