[JavaScript] 문자열(String) 배열(Array) 변환 방법

 

1. 목차

1. 문자열을 배열로 변환 (String -> Array)

2. 배열을 문자열로 변환 (Array -> String)

 

1.1. 요약

str.split();
arr.join("");

 

 

2. 문자열을 배열로 변환

2.1. split()

      

      

      

    
    

      <javascript />
    
const str = "apple,banana,orange";
const array = str.split(","); // ["apple", "banana", "orange"]

문자열에서 배열로 변환 시 가장 많이 사용하는 함수

 

2.2. Array.from()

      

      

      

    
    

      <javascript />
    
const str = "Stirng";
const array = Array.from(str); // ["S", "t", "r", "i", "n", "g"]

ES6에 새로 추가된 문법이라 Explor에서는 동작하지 않아 폴리필이 필요합니다.

 

2.3. 스프레드 연산자 (...str)

      

      

      

    
    

      <javascript />
    
const str = "String";
const array = [...str]; // ["S", "t", "r", "i", "n", "g"]

스프레드 연산자가 다른 방법들보다 속도가 빠르다는 이야기가 많습니다.

팀원들과 컨벤션을 맞춰서 뭘 사용해도 괜찮지만

개인적인 생각으로는 편리함과 가독성을 챙기는 게 좋을 같습니다.

 

3. 배열을 문자열로 변환

 

3.1. join()

      

      

      

    
    

      <javascript />
    
const arr = ["string1", "string2", "string3"];
const result = arr.join(", ");
console.log(result); // "string1, string2, string3"

배열을 문자열로 변환할 때 가장 많이 사용합니다.

 

3.2. toString()

      

      

      

    
    

      <javascript />
    
const arr = ["string1", "string2", "string3"];
const result = arr.toString();
console.log(result); // "string1,string2,string3"

배열을 명시적 타입변환으로 변환합니다.

 

3.3. 묵시적 타입 변환

      

      

      

    
    

      <javascript />
    
const arr = ["string1", "string2", "string3"];
const result = arr + "";
console.log(result); // "string1,string2,string3"

 

 

 

다른 방법도 다양하게 있지만 주로 사용하는 방법을 정리하였습니다.

다음으로 얕은 복사와 깊은 복사를 공부하고 관련 함수도 생각하며 사용하면 훨씬 좋습니다.

그 외에도 명시적 타입 변환, 암묵적 타입 변환에 대해서도 공부해 보세요.