ruby-on-rails - css複数列レイアウトの配列を並べ替える

Question

配列を並べ替えるにはどうすればよいですか

[1, 2, 3, 4, 5, 6, 7, 8, 9]

の中へ..

[1, 4, 7, 2, 5, 8, 3, 6, 9]

3列のcssレイアウトに必要です。

<ul>
  <li>1</li>
  <li>4</li>
  <li>7</li>
  <li>2</li>
  <li>5</li>
  <li>8</li>
  <li>3</li>
  <li>6</li>
  <li>9</li>
</ul>


ul { -webkit-column-count: 3 }

これにより、次のようになります。

| 1 | 2 | 3 |
| 4 | 5 | 6 |
| 7 | 8 | 9 |

Answer 1

ary = (1..9).to_a
ary.each_slice(3).to_a.transpose.flatten

Answer 2

slices = [1, 2, 3, 4, 5, 6, 7, 8, 9].each_slice(3).to_a
zip = slices[0].zip(*slices[1..-1]).flatten
#=> [1, 4, 7, 2, 5, 8, 3, 6, 9]