如何使用 for 循环制作形状 javascript

Question

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

我试过的代码：

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

我有这样的问题：

Make a function to print the image as below, which has a parameter as the length or width of the image. The parameter must be odd numbers. Note: Must use looping, don't hardcode / write directly

当我运行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

请帮我解决这个问题

Answer 1

你需要沿着对角线打印xs，这可以通过在制作行时检查来完成：如果行索引（j）与列索引相同（ 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)

如何使用 for 循环制作形状 javascript

How to make a shape using for loop javascript

javascript

for-loop

shapes

nested-loops