用js写直角三角形,等腰三角形,菱形

//一、 画一个直角三角形
    // 第几行   *号数
    // *        1        1  
    // **       2        2
    // ***      3        3
    // ****     4        4
    // *****    5        5
    // 规律:行数 = *号数
    function left(n){  //  right为函数名,n为形式参数,用于接收实体参数。
        for(var i = 1; i <= n; i++){    //  声明i为打印行数
            for(var j = 1; j <= i; j++){       //声明j为一行打印多少个*
                document.write("*");
            }
            document.write("<br>");     //每打印一行就执行一次换行
        }
    }
    left(5);      //要求函数打印10行*,实体参数!



    // 二、画一个直角三角形
    //     *    4    空格    1    *
    //    **    3    空格    2    *
    //   ***    2    空格    3    *
    //  ****    1    空格    4    *
    // *****    0    空格    5    *
    // 规律: 一行 : 空格 + *;
    //          空格 = 总行数 - 空格所在行数
    //          行数 = *号数
    function right(n){
        for(var i = 1; i <= n; i++){    //  声明i为打印行数
            for(var k = 1; k <= n - i; k++){ //声明k为打印空格
                document.write("&ensp;");
            }
            for(var j = 1; j <= i; j++){       //声明j为一行打印多少个*
                document.write("*");
            }
            document.write("<br>");     //每打印一行就执行一次换行
        }
    }
    right(5);

    // 三、画一个等腰三角形
    //                         行数
    //         锋             j= 1     空格 4       锋    1
    //       锋锋锋          j= 2      空格 3        锋    3
    //     锋锋锋锋锋         j= 3      空格 2       锋    5
    //   锋锋锋锋锋锋锋       j = 4     空格 1       锋    7
    // 锋锋锋锋锋锋锋锋锋       j = 5    空格 0       锋    9
    //                                 空格5-j      锋   2*j-1
    // 思路:我们输出的空格数只算文字左边的即可!按最大行数-锋字个数
    // 规律: 空格 = 最大行数 - 单个行数;  锋 = 2 * 单个行数 - 1;
    function all(n){
        for(var i = 1; i <= n; i++){    //  声明i为打印行数
            for(var k =1; k <= n - i; k++){     //声明k为打印空格
                document.write("&emsp;");
            }
            for(var f = 1; f <= 2*i - 1; f++){  //声明f为打印文字
                document.write("锋");
            }
            document.write("<br>");
        }
    }
    all(5);
    // 注意:  &nbsp;   不断行的空白(1个字符宽度)
    //        &ensp;     半个空白(1个字符宽度)
    //        &emsp;     一个空白(2个字符宽度)
    //        &thinsp;   窄空白(小于1个字符宽度)
    // 此处用的&emsp;相当于一个汉字宽度


    // 四、画一个菱形方案一
    //                         行数
    //         锋             j= 1     空格 4       锋    1
    //       锋锋锋          j= 2      空格 3        锋    3
    //     锋锋锋锋锋         j= 3      空格 2       锋    5
    //   锋锋锋锋锋锋锋       j = 4     空格 1       锋    7
    // 锋锋锋锋锋锋锋锋锋       j = 5    空格 0       锋    9
    //   锋锋锋锋锋锋锋                              空格5-j      锋   2*j-1
    //     锋锋锋锋锋
    //       锋锋锋
    //         锋 
    //  思路:做两个等腰三角形,一个朝上,一个朝下,下面的去掉一行,避免中间重复,因为菱形行数都是奇数
     function up(n){
        //  上面一个
        for(var i = 1; i <= n; i++){    //  声明i为打印行数
            for(var k =1; k <= n - i; k++){     //声明k为打印空格
                document.write("&emsp;");
            }
            for(var f = 1; f <= 2*i - 1; f++){  //声明f为打印文字
                document.write("锋");
            }
            document.write("<br>");
        }
        // 下面一个
        // 重点:首先行数要减一;第二,文字是从多一次减少,所以行数范围和自增自减要改变!
        for(var i = n - 1; i >= 1; i--){    //  声明i为打印行数
            for(var k =1; k <= n - i; k++){     //声明k为打印空格
                document.write("&emsp;");
            }
            for(var f = 1; f <= 2*i - 1; f++){  //声明f为打印文字
                document.write("锋");
            }
            document.write("<br>");
        }
    }
    up(9);

    //拓展  做一个空心菱形
    //         锋
    //        锋 锋
    //       锋   锋
    //      锋     锋
    //     锋       锋
    //    锋         锋
    //   锋           锋
    //  锋             锋
    // 锋               锋
    //  锋             锋
    //   锋           锋
    //    锋         锋
    //     锋       锋
    //      锋     锋
    //       锋   锋
    //        锋 锋
    //         锋
    
    function up(n) {
        //  上面一个
        for (var i = 1; i <= n; i++) {    //  声明i为打印行数
            for (var k = 1; k <= n - i; k++) {     //声明k为打印空格
                document.write("&emsp;");
            }
            for (var f = 1; f <= 2 * i - 1; f++) {  //声明f为打印文字
                // document.write("锋");
                if (f == 1 || f == 2 * i - 1) {    //当文字为第一个或最后一个时打印
                    document.write("锋");
                } else {                         //否则这一行其他为空
                    document.write("&emsp;");
                }
            }
            document.write("<br>");
        }
        // 下面一个
        // 重点:首先行数要减一;第二,文字是从多一次减少,所以行数范围和自增自减要改变!
        for (var i = n - 1; i >= 1; i--) {    //  声明i为打印行数
            for (var k = 1; k <= n - i; k++) {     //声明k为打印空格
                document.write("&emsp;");
            }
            for (var f = 1; f <= 2 * i - 1; f++) {  //声明f为打印文字
                // document.write("锋");
                if (f == 1 || f == 2 * i - 1) {     //当文字为第一个或最后一个时打印
                    document.write("锋");
                } else {                          //否则这一行其他为空
                    document.write("&emsp;");
                }
            }
            document.write("<br>");
        }
    }
    up(9);

    // 画一个菱形方案二
    // 思路:我们把菱形看成上下对称的阶梯
    //-4          锋               
    //-3        锋锋锋
    //-2      锋锋锋锋锋
    //-1    锋锋锋锋锋锋锋
    //0   锋锋锋锋锋锋锋锋锋
    //1     锋锋锋锋锋锋锋
    //2       锋锋锋锋锋
    //3         锋锋锋
    //4           锋

    // j=-4  空格   4    锋   9-2*4=1
    // j=-3  空格   3    锋   9-2*3=3
    // j=-2  空格   2    锋   9-2*2=5    
    // j=-1  空格   1    锋   9-2*1=7    
    // j=0   空格   0    锋   9-2*0=9    
    // j=1   空格   1    锋   9-2*1=7    
    // j=2   空格   2    锋   9-2*2=5   
    // j=3   空格   3    锋   9-2*3=3    
    // j=4   空格   4    锋   9-2*4=1    

    // 用到到方法:     Math.abs(-10)  => 10     取绝对值
    function center(n) {
        var mid = parseInt((n - 1) / 2); // =>  4  声明一个对称范围
        for(var i = -mid; i <= mid; i++){   //声明行数为-4
            for(var k = 1; k <= Math.abs(i); k++){  //声明k为空格数,小于等于行数的绝对值
                document.write("&emsp;");
            }
            for(var f = 1; f <= n - 2 * Math.abs(i); f++){  
                // 声明f为文字数,取值范围为:总行数 - 2 * 单行行数的绝对值
                document.write("锋");
            }
            document.write("<br>");
        }
    }
    center(9);
    // 此处有个小bug,实参取值必须是奇数!又菱形固有原理决定
posted @ 2019-12-20 23:05  季冬二十  阅读(2529)  评论(1编辑  收藏  举报