配列の中身を10列の範囲で次々に表示させたい

質問

ＪａｖａＳｃｒｉｐｔ初心者です。

配列には１０００件近い数値データが格納されています。
それを10列の範囲で高速表示させたいのですが、
効率的にコーディングする方法はないかと、質問させていただきました。

イメージとしては、新しいデータを１列目に表示し、
下方向に次々と表示していきます。

■１０件表示したとき
10（１列目：最新データ）
9
8
…
1（１０列目：古いデータ）

■１１件目
11（１列目：最新データ）
10
9
…
2（１０列目：古いデータ）

for文で配列値を取得。1件ごとにDOM操作で表示しているのですが、
効率が悪いのか、画面がカクカクしてしまいます。

大量のデータを下方向に高速表示するには、どのようにすればいいでしょうか？

よろしくお願いします。

回答No.1

Hanagefactory

for文の処理というより、
> for文で配列値を取得。1件ごとにDOM操作で表示しているのですが、
> 効率が悪いのか、画面がカクカクしてしまいます。
これですね。
１件ずつDOMで表示していると、レンダリングに非常にコストがかかります。
なので、一気に全部表示してあげたほうがいいです。
参考URLなどを参考に、DocumentFragmentで追加してみてはいかがでしょうか？

参考URL：

http://uhyohyo.net/javascript/7_4.html