javascriptによるライフゲームについて

Question

###前提・実現したいこと
現在50行で作る、HTML5+JavaScriptを使った簡単ライフゲームづくりを参考に、二次元配列を用いたりして少しアレンジしたライフゲームを作成しています。

###発生している問題・エラーメッセージ

ライフゲーム特有の固定物体や移動物体などが出現しない。
（正常な法則でライフゲームが動作していない）
色々試してみましたが全く直る気配がないので質問いたしました。

###該当のソースコード
github

Comments

[Lhankor_Mhy]

15行目　カッコの対応がずれてます。

[koppepan86]

ご指摘ありがとうございます。他にも変なミスがあったので直しました。

Answer 1

56行目、それではディープコピーできないです。

tempField = field.slice();

↓

tempField = JSON.parse(JSON.stringify(field));

Comments

[koppepan86]

回答ありがとうございました。無事正常に動かすことが出来ました。

[KSwordOfHaste]

stringifyとparseを用いたディープコピーはよく見かけますね！
自分のは2次元配列限定ですがこの方法だと任意の深さを全てディープコピーできるで便利と思います。

Answer 2

間違っている点をみつけたのでコメントします。
計算に用いる旧世代のセル状態をコピーしてますがsliceはシャローコピーなのでディープコピーにしないと期待通りの結果にならないと思います。

function calc(field, tempField){
    let existLife = 0;
    tempField = field.slice();  // <==シャローコピー
    ...

tempField = filed.map(l => l.slice())
とするとどうでしょうか。ランダムパターンでやっておられるので正しい結果かどうか調べるにはグライダーのような決まったパターンを使ってやってみるとわかると思います。

(おわかりと思いますが、自分のteratailのアイコンがグライダーです。このパターンだと左上へ飛んでいくので20x20の右下に置くと観察できます)

Comments

[koppepan86]

回答ありがとうございました。無事動かすことが出来ました。
詳しい説明もあり今後の理解に役に立つためベストアンサーとさせていただきます。