首页 > 解决方案 > 如何使用for循环javascript制作形状

问题描述

我被我面临的问题困住了。

我尝试过的代码:

function printImage(oddnumbers) {
    for (var i = 0; i < oddnumbers; i++) {
        var tmp = ''
        for (var j = 0; j < oddnumbers; j++) {
            if (i % 2 === 0) {
                tmp += 'x';
            } else {
                tmp += '=';
            }
        }
        console.log(tmp);
    }
}

printImage(5)

这是结果

xxxxx
=====
xxxxx
=====
xxxxx

我有这样的问题:

如下创建一个打印图像的函数,该函数有一个参数为图像的长度或宽度。参数必须是奇数。注意:必须使用循环,不要硬编码/直接写

当我跑步时printImage(5)

x===x
=x=x=
==x==
=x=x=
x===x

当我跑步时printImage(7)

x=====x
=x===x=
==x=x==
===x===
==x=x==
=x===x=
x=====x

请帮我解决这个问题

标签: javascriptfor-loopnested-loopsshapes

解决方案


您需要x沿对角线打印 s,这可以通过在创建行时进行检查来完成:如果行索引 (the j) 与列索引 (the i) 相同,则打印x(因为您位于左上角右下角对角线),如果行索引等于length - 1 - i,则您在另一个对角线上。否则,打印=

function printImage(length) {
  for (var i = 0; i < length; i++) {
    // Construct a row
    var tmp = ''
    for (var j = 0; j < length; j++) {
      tmp += (j === i || j === (length - 1 - i))
        ? 'x'
        : '=';
    }
    console.log(tmp);
  }
}

printImage(7)


推荐阅读