for 循环只提供第一个或最后一个结果

Question

起初我将 return 放在 for 循环中，但只显示第一个结果。 我做了一些研究，我意识到循环最终满足了条件，因此它在第一个结果处停止。 我已经把它从循环中取出，现在它只提供最后一个结果。 这不是我第一次遇到这个问题，尽管我正在寻找解决方案，但我无法理解我做错了什么。

function diamond(n) {


  let space = " "; //spaces
  let newLine = "\n"
  let aster = "*";
  let multi = (n - 1) / 2; //variable in for loop
  let result = ""

  if ((n % 2 === 0) || n < 1) {
    return null
  } else if (n === 1) {
    return aster
  } else {

    for (let i = 0; i < multi; i++) {
      result = space.repeat(multi - i) + aster.repeat(1 + (i * 2)) + space.repeat(multi - i) + newLine;
    }
    return result // gives only the last result
  }
}

console.log(diamond(7)) //  expected "  *\n ***\n*****\n ***\n  *\n"
console.log(diamond(1)) // expected "*"
console.log(diamond(2)) // expected null

Answer 1

发生这种情况是因为您在循环的每次迭代中为变量 result 重新分配了一个新值。

您想首先将变量实例化为字符串。
然后在每次迭代时将数据连接到它。

类似这样的：

let result = '';
for (let i = 0; i < multi; i++) {
  result += space.repeat(multi - i) + aster.repeat(1 + (i * 2)) + space.repeat(multi - i) + newLine;
}
return result;

注意+= 运算符:-)

希望这会对你有所帮助。

Answer 2

正如其他人所暗示的，使用+= 将每一行附加到结果中。

function diamond(n) {


  let space = " "; //spaces
  let newLine = "\n"
  let aster = "*";
  let multi = (n - 1) / 2; //variable in for loop
  let result = ""

  if ((n % 2 === 0) || n < 1) {
    return null
  } else if (n === 1) {
    return aster
  } else {

    for (let i = 0; i < multi/2; ++i) {
      result += space.repeat(multi - i) + aster.repeat(1 + (i * 2)) + space.repeat(multi - i) + newLine;
    }
    for (let i = 0; i < multi/2 + 1; ++i) {
      result += space.repeat(i+1) + aster.repeat(1 + ((multi-1-i) * 2)) + space.repeat(i+1) + newLine;
    }
    return result // gives only the last result
  }
}

console.log(diamond(7)) //  expected "  *\n ***\n*****\n ***\n  *\n"
console.log(diamond(1)) // expected "*"
console.log(diamond(2)) // expected null