JavaScript에서 새 줄을 추가하고 테이블 형식으로 텍스트 서식 지정하기

JavaScript에서 새 줄 추가 및 테이블 형식 텍스트 서식 지정하기

JavaScript에서 배열 데이터를 표(table) 형태의 텍스트로 변환하면서 각 행을 새 줄로 구분하려면 map() 메서드와 join('\n')을 함께 사용하면 됩니다. 여기서 '\n'은 새 줄(줄바꿈 문자)을 나타냅니다.

map() 메서드는 배열의 각 요소에 대해 지정된 함수를 실행한 결과로 새로운 배열을 반환합니다. 이를 활용하면 각 학생 정보 배열을 파이프(|) 문자로 구분된 하나의 문자열로 변환할 수 있고, 이후 join('\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);

실행 방법

위 프로그램을 실행하려면 다음 명령어를 사용합니다.

node fileName.js

여기서는 파일 이름이 demo112.js라고 가정합니다.

출력 결과

위 코드를 실행하면 다음과 같은 출력 결과를 얻을 수 있습니다.

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

출력 결과를 보면 첫 번째 줄에는 헤더가 표시되고, 그 아래로 각 학생의 ID, 이름, 과목명이 파이프(|) 문자로 구분되어 테이블처럼 정렬된 것을 확인할 수 있습니다. 이 방식은 콘솔 출력이나 로그 파일에서 데이터를 가독성 좋게 표시할 때 유용하게 활용됩니다.