用原生js写三角形

最新推荐文章于 2024-04-06 20:26:03 发布

原创最新推荐文章于 2024-04-06 20:26:03 发布 · 2.2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文介绍了如何使用原生JavaScript绘制不同类型的三角形，包括直角三角形的三种变体：右直角三角形、倒左直角三角形和倒右角三角形，以及平行四边形的绘制方法。

-直角三角形

//直角三角形
        let a = (number) => {
            let str = "";
            //此循环的是三角形的行数 number等于几就有几行
            for(let i = 0; i< number ; i++){
                //此循环的是三角形每行的*的个数
                for(let j = 0; j <= i ; j++){
                    str += "*"
                }
                str += "\n"
            }
            return str;
            
        }
        console.log(a(5);

右直角三角形

 let b = (number) => {
            let str = "";
            //循环行数 number是几 就有几行
            for(let i = 0; i < number; i++){
                //这里的空格是由大到小依次递减所以判断条件是g<number-1;只有i能每次递加所以number-1;所以每次递减*
                for(let g = 1; g < number - i; g++){
                    str += " "
                }
                //这是输出的星星是依次递加,只有i能每次递加所以j<=i,每次就能递加*;
                for(let j = 0; j <= i; j++){
                    str += "*"
                }
                str += "\n";
            }
            return str;
            
        }
        console.log(b(5));

倒左直角三角形

 let c = (number) => {
            let str = "";
            //此循环的是三角形的行数 number等于几就有几行
            for(let i = number; i > 0 ; i--){
                //此循环的是三角形每行的*的个数
                for(let j = 0; j < i ; j++){
                    str += "*"
                }
                str += "\n"
            }
            return str;
            
        }
        console.log(c(4));

倒右角三角形

  //1111 第一行画4个星星 0个0
        //0111 第二行画3个星星 1个0
        //0011 第三行画2个星星 2个0
        //0001 第四行画1个星星 3个0
        let result = (line) =>{
            let str = "";
            for(let i = 0; i < line; i++){
                for(let j = 0; j < line; j++){
                    if(j <= i){
                        str += "*";
                    }else{
                        str += " ";
                    }
                }
                str += "\n"
            }
            return str;
        }
        console.log(result(4))

平行四边形

let a = (number) => {
            let str = "";
            for (let i = 0; i < number; i++) {
                for (let g = 0; g < i; g++) {
                    str += " "
                }
                for (let j = 0; j < number; j++) {
                    str += "*";
                }
                str += "\n"

            }
            return str;

        }
        console.log(a(5))