JS, 문자열을 배열로&배열을 문자열로

[ 문자열을 배열로 ]

▶ split

string을 여러가지 문자열로 잘게 나눠주는데, 전달된 구분자를 받아서 사이에 껴줌

limit 값을 입력하게 되면, return 받을 배열의 사이즈를 지정할 수 있음

 

예제1

const fruits = "apple, banana, orange";
let result = fruits.split(); //["apple, banana, orange"]
let result2 = fruits.split(","); //["apple", "banana", "orange"]
let result3 = fruits.split(",", 2); //["apple", "banana"]

 

예제2

const str = 'hello world javascript';
let arr = str.split(' ');	//['hello', 'world', 'javascript']

▶ Spread Operator(...)

문자열을 구성하는 문자들이 분리되어 요소로 배열에 추가됨

const str = 'hello';
let arr = [...str];	//[ 'h', 'e', 'l', 'l', 'o' ]

 

[ 배열로 문자열로 ]

▶ Join 함수

Join 배열의 요소들을 연결하여 하나의 문자열로 만드는 함수

Array.join({separator])

 

배열 내에서 모든 값들을 순서대로 연결시켜주고, 배열의 길이가 0인 빈 문자열을 반환

구분자를 넣어주게 되면, 문자열로 바뀔때 사이사이에 지정한 구분자가 들어감

구분자를 따로 지정하지 않으면 디폴트 값은 콤마(,)로 나옴

요소 값이 undefined, null일 경우에는 그 요소 값은 빈 문자로 간주함

 

예제1

const test = ['a', 'b', 'c'];
let result1 = test.join();    //a,b,c
let result2 = test.join('');  //abc

 

예제2

const test = ['2020', '01', '01'];
let result1 = test.join('-');  // 2020-01-01
let result2 = test.join('/');  // 2020/01/01

각 구분자를 통하여 배열을 쉽게 합쳐 표현할 수 있음