Menu
Coddy logo textTech

Join 및 Split 메서드

Coddy JavaScript 여정의 논리 & 흐름 섹션에 포함된 레슨 — 65개 중 51번째.

join() 메서드는 배열의 모든 요소를 연결해 하나의 새로운 문자열을 만들어 반환하며, 각 요소는 지정된 구분자로 구분됩니다.

split() 메서드는 문자열을 부분 문자열의 정렬된 목록으로 분할하고 이들을 배열로 반환합니다.

기본 구문:

array.join([separator])
string.split([separator])

예를 들어:

<strong>Join()</strong>:

const fruits = ['apple', 'banana', 'orange'];
const str = fruits.join(', ');
console.log(str); // "apple, banana, orange"

<strong>Split()</strong>:

const sentence = "Hello World";
const words = sentence.split(' ');
console.log(words); // ['Hello', 'World']

다양한 구분자를 사용할 수 있습니다:

const fruits = ['apple', 'banana', 'orange'];
console.log(fruits.join('')); // “applebananaorange”
console.log(fruits.join('-')); // "apple-banana-orange"
const date = "2023-05-15";
console.log(date.split('-')); // ['2023', '05', '15']
quiz icon실력 점검

이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.

quiz icon실력 점검

이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.

quiz icon실력 점검

이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.

치트 시트

join() 메서드는 배열 요소를 구분 기호로 연결하여 문자열을 생성합니다:

array.join([separator])

split() 메서드는 문자열을 하위 문자열의 배열로 나눕니다:

string.split([separator])

예제:

const fruits = ['apple', 'banana', 'orange'];
const str = fruits.join(', '); // "apple, banana, orange"

const sentence = "Hello World";
const words = sentence.split(' '); // ['Hello', 'World']

// 다양한 구분 기호
fruits.join(''); // "applebananaorange"
fruits.join('-'); // "apple-banana-orange"
"2023-05-15".split('-'); // ['2023', '05', '15']

직접 해보기

이 레슨에는 코드 챌린지가 없습니다.

quiz icon실력 점검

이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.

논리 & 흐름의 모든 레슨