js 打印 三角形

js 打印 三角形

在js中每个图案占位的大小不一向

 var sum = ''
        for (let i = 0; i < 8; i++) {
            var str = ''
            for (let j = 0; j < i; j++) {
                str += '△'
            }
            sum += str +'\n'
        }
        console.log(sum);

这样的就是正常的输出 然而我们需要输出等边或者等腰的三角形 我们就需要在上图的基础上的左边添加一些看不见的占位符而且需要倒叙输出

接下来就需要看看实现的样子

这样是正常的空格占位符 占据着右边的位置

var str = ''
        var n = 10
        for (let i = 0; i < n; i++) {
            var k = ''
            var f = ''
            for (let j = n-i; j > 0; j--) {
                k += ' '
            }
            for (let u = 0; u < i ; u++) {
                f += '△'
            }
            str += k+f+'\n'

        }
        console.log(str);

但是我们把图形换成 * 这样就会出现不一样的画面

对于这样我们就需要对右边添加相对应的个数使它看起来是等腰或等边三方形然后就变成下面这样：

代码附上：

 var str = ''
        var n = 10
        for (let i = 0; i < n; i++) {
            var k = ''
            var f = ''
            for (let j = n-i; j > 0; j--) {
                k += ' '
            }
            for (let u = 0; u < 2 * i + 1; u++) {
                f += '*'
            }
            str += k+f+'\n'

        }
        console.log(str);

我们这样是在游览器控制台输出的 如果想要在浏览器页面输出 使用document.write();

其实我们主要看用于打印的字符 占据的大小是好多 才好进行相应的输出