【JavaScript】map()とjoin()で配列データを改行付き・表形式のテキストに整形する方法

配列の中身を見やすい表形式のテキストとして整形したい場合、map()とjoin('\n')を組み合わせるのが効果的です。'\n'は改行文字を意味しており、これによって各行を新しい行に出力できます。以下がその具体的なコード例です。

サンプルコード

studentDetails = [
   [101, 'John', 'JavaScript'],
   [102, 'Bob', 'MySQL']
];
var studentFormat = '||Id||Name||subjName||\n';
var seperate = '';
seperate = seperate + studentDetails.map(obj =>
`|${obj.join('|')}|`).join('\n');
studentFormat = studentFormat + seperate;
console.log(studentFormat);

コードの解説

まずヘッダー行となる「||Id||Name||subjName||」を作成します。次に、map()メソッドで各学生データ（配列）を|（パイプ）区切りの1行に変換し、join('\n')で各行を改行文字を使って連結しています。最後にヘッダーと結合することで、表のような形式を持つテキストが完成します。

プログラムの実行方法

上記のプログラムを実行するには、Node.js環境で以下のコマンドを使用します。

node fileName.js

ここでは、ファイル名を「demo112.js」として保存しているものとします。

出力結果

実行すると、コンソールには以下のように表形式で整形されたテキストが出力されます。

PS C:\Users\Amit\JavaScript-code> node demo112.js
||Id||Name||subjName||
|101|John|JavaScript|
|102|Bob|MySQL|

このように、map()でデータを行単位に変換し、join()で連結する手法を使えば、複雑なライブラリに頼らずとも、純粋なJavaScriptだけで見やすい表形式のテキストを簡単に生成できます。ログ出力やCSV風のデータ整形など、さまざまな場面で応用できる便利なテクニックです。