javascript 以下のような配列ループ処理計算のバグ原因がわかりません

Question

配列の初期値を与えて、以下の関数の計算によってそのあとの各配列値をそれぞれ計算した結果を二重配列として出力する関数を書いたのですが、期待する結果と異なっています。なぜこのようになるのかわかりません。また、どのように変更すれば期待する結果を得られるでしょうか？

function calc(init) {

  const maxStep = 5
  let tmp = init
  let res = []
  let step = 0

  res.push(init)
  while(step < maxStep) {
    tmp[0] = init[0] + 1
    tmp[1] = init[1] - 1
    step += 1
    res.push(tmp)
  }
  return res
}

console.log(calc([0,0])) 
// expected：[[0,0],[1,-1],[2,-2],[3,-3],[4,-4],[5,-5]]
// result：[[5,-5],[5,-5],[5,-5],[5,-5],[5,-5],[5,-5]]

Comments

[maisumakun]

回答にも書きましたが、得られたresult自体が正しくないようです。

Answer 1

tmp = init で、tmp と init は同一の配列を指すようになります。
個々の配列要素は別の配列にするのが意図でしょうから、ループの中で tmp = tmp.slice() で配列をコピーして、init[0] + 1 と init[1] - 1 を tmp[0] + 1 tmp[1] - 1 に変えればよいでしょう。

Answer 2

let tmp = initでは、配列はコピーされません。同じ配列オブジェクトが両者に入って、値を書き換えれば両方に影響します。

（なお、手元で実行したところ、結果は[5, -5]が6つになりました。）

Comments

[maisumakun]

バラバラな値にしたい、ということはすなわち新しい配列を作らなければならない、ということなので、必要な箇所で新規の配列を作成しましょう。