アニメーション フレームの配列内の一連の画像をループしています。画像は 7 枚あり、1 ~ 7 をループするとアニメーションが完成します。このアニメーションを無期限にループさせる必要がありますが、次のうちどれが最善のアプローチなのか疑問に思っていました:
配列を変更してループする
/* Pull image from start of array. */
var image = frames.shift();
/* Process image. */
...
/* Add image back to end of array. */
frames.push(image );
カウンタ変数を使用してループする
/* Pull image by counter offset. */
var image = frames[counter];
/* Process image. */
...
/* Increment or reset counter value. */
counter + 1 === frames.length ? counter = 0 : counter = counter + 1;
どちらかを選択した理由はありますか?あるいは、これに対するより良いアプローチはありますか?