JavaScript - Split() 과 Join()

Array.join()
: join() 메서드는 배열의 모든 요소를 연결해 하나의 문자열로 만듦.

 

arr.join([separator])

: separator는 매개변수이며, 배열의 각 요소를 구분할 문자열이다.

이 구분자는 필요한 경우 문자열로 변환, 생략시 배열의 원소들을 쉼표로 구분한다.

 

 

예제

// join 예시

        var izAry = ['유리', '예나', '채원'];

        var izStr1 = izAry.join();
        var izStr2 = izAry.join(' / ');
        
        document.writeln('<p>' + izStr1 + '<p>');
        document.writeln('<p>' + izStr2 + '<p>');

        document.writeln(izStr1.length);
        document.writeln(izStr2.length); // 공백포함
        
        // 출력결과
        // 유리,예나,채원
        // 유리 / 예나 / 채원
        // 8 12

 

---

 

str.split()
: split은 문자열을 separator를 기준으로 limit 만큼의 크기를 가진 새로운 문자 배열을 반환함

 

str.split([separator,[limit]])

: 구분자는 문자열을 separator를 기준으로 limit 만큼의 크기를 가진 새로운 문자 배열을 반환함

( 구분자는 문자열을 나눌 때 기준이 되는 값으로 문자(character)이나 정규표현식을 사용할 수 있습니다. 값을 정하지 않으면 str과 동일한 값을 가진 문자 배열을 반환 )

limit는 반환하는 문자 배열의 최대크기, 값을 정하지 않으면 문자 배열의 크기는 제한되지 않음

 

 

예제

 // split 예시

        const str = "apple banana orange berry"

        const arr = str.split(" ");

        // document.writeln(str);
        document.writeln(arr.length);

        document.writeln(arr[0]);
        document.writeln(arr[1]);
        document.writeln(arr[2]);
        document.writeln(arr[3]);
        
        // 출력결과
        // 4 apple banana orange berry