할 일 목록 한 줄로 만들기

자바스크립트 코딩테스트 문제로 array-methods 주제를 연습해보세요. 난이도는 easy이며, 브라우저에서 바로 JavaScript로 풀이를 실행할 수 있습니다.

js-basic easy array-methods 함수명: solution 제한 시간: 200ms

문자열 배열 tasks가 주어질 때, 각 할 일을 ` ` 로 이어 붙인 하나의 문자열을 반환하는 solution 함수를 작성하세요.

오늘의 메서드

join()은 배열의 모든 요소를 원하는 구분자로 이어 붙여 하나의 문자열로 만드는 메서드입니다.

메서드 설명

이 문제에서는 여러 개의 할 일을 보기 좋은 한 줄 문자열로 합쳐야 합니다. 배열을 직접 반복하면서 문자열을 이어 붙일 수도 있지만, join()을 사용하면 훨씬 간단하고 읽기 쉽게 처리할 수 있습니다.

예를 들어 ['장보기', '운동', '메일 확인']에 join(' | ')를 적용하면 장보기 | 운동 | 메일 확인이 됩니다.

기본 문법

arr.join(separator)

사용 예시

['a', 'b', 'c'].join(', ') // 'a, b, c'
['월', '화'].join(' / ')   // '월 / 화'
['혼자'].join(' | ')      // '혼자'

주의할 점

join()의 결과는 문자열입니다.
원본 배열 자체를 바꾸지 않습니다.
요소가 1개뿐이면 구분자가 들어가지 않습니다.
이 문제에서는 각 요소가 이미 문자열이라고 가정합니다.

제한사항

tasks는 길이 1 이상 20 이하의 문자열 배열입니다.
각 할 일 문자열은 빈 문자열이 아닙니다.
배열의 각 요소를 입력 순서 그대로 사용해야 합니다.
반환값은 각 요소를 ` ` 로 연결한 문자열입니다.

예시

입력: ["장보기", "운동", "메일 확인"] → 출력: "장보기 | 운동 | 메일 확인"
입력: ["청소"] → 출력: "청소"
입력: ["회의 준비", "점심 먹기"] → 출력: "회의 준비 | 점심 먹기"

힌트

배열의 각 값을 직접 이어 붙이기보다, 배열을 문자열 하나로 바꾸는 메서드를 떠올려 보세요.
구분자는 공백 포함 ` ` 입니다.

해설

이 문제의 핵심은 문자열 배열을 정해진 구분자로 합치는 것입니다.

가장 단순하게는 반복문으로 문자열을 하나씩 이어 붙일 수 있지만, 초급 단계에서는 join() 메서드의 역할을 익히는 것이 더 중요합니다.

풀이 흐름은 아주 단순합니다.

tasks 배열을 확인합니다.
join(' | ')을 호출합니다.
만들어진 문자열을 그대로 반환합니다.

예를 들어 ['장보기', '운동', '메일 확인']이 들어오면:

첫 요소와 둘째 요소 사이에 ` ` 가 들어가고
둘째 요소와 셋째 요소 사이에도 ` ` 가 들어가서
최종 결과는 장보기 | 운동 | 메일 확인이 됩니다.

요소가 하나뿐인 ['청소']라면 사이에 넣을 구분자가 없기 때문에 결과는 그냥 청소입니다.

이 문제를 통해 배열을 사람이 읽기 좋은 문자열로 바꿀 때 join()을 어떻게 쓰는지 익힐 수 있습니다.

코드 작성

starter code를 바탕으로 함수를 완성한 뒤 예제 테스트를 실행해보세요.

JavaScript 에디터 로딩 중...

커스텀 테스트

함수 인자를 JSON 배열 형태로 입력하세요. 예: [3, 5], [[1, 2, 3]]

아직 실행하지 않았습니다.

실행 결과

아직 실행하지 않았습니다.

예제 테스트를 실행하면 여기에서 결과를 확인할 수 있습니다.

댓글

문제 풀이 아이디어, 질문, 반례를 자유롭게 나눠보세요.