JavaScript 文章を縦書きにしたくなる時あるよね

王白但帰君問下
維雲去臥言君馬
　無莫南不何飲
送尽復山得所君
別時問陲意之酒

突然漢詩を Twitter に投稿したくなったときに縦書きを自分で作るの大変だから変換できると漢詩投稿しやすいね。
と思って ChatGPT に聞きながら縦書きに変換するコード作ってみた

サンプル

See the Pen 縦書き変換 by KIKIKI (@kikiki_kiki) on CodePen.

縦書きに変換

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

↓ 

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

文章を多重配列のマトリクスと考えて、それを回転させれば良い

縦書きに変換するスクリプト

const convertTategaki = (str: string): string => {
  // 与えられたテキストを行ごとに分解
  const data = str.split('\n').map((line) => line.split(''));
  // 行ごとに文字数が異なる可能性があるので最も文字数のある行の長さを取得
  const maxLength = Math.max(...data.map((arr) => arr.length));
  // 配列の中から i 番目だけを集めた配列を作る。文字がない場合は全角スペースを入れる
  // 左書きなので各配列を reverse しておく
  const res = Array.from(Array(maxLength), (_, i) =>
    data.map((row) => row[i] ?? `　`).reverse(),
  );
  // 行ごとに結合して返す
  return res.map((line) => line.join('')).join('\n');
};