[Javascript] .split(), join()을 활용해 문자열을 여러 조건으로 나누기

.split()과 .join()을 반복적으로 사용하면 된다.

문자열.split()
: 소괄호 내의 기호로 문자열을 나누어 배열로 만듦

배열.join()
: 소괄호 내의 기호로 배열의 각 원소를 이어붙여 문자열로 만듦

한 마디로 .split()은 문자열을 배열로 나누고, .join()은 배열을 문자열로 이어붙인다.

아래와 같이 활용 가능하다.

Q1. "a=b,c:d" 라는 문자열 str을 = , : 기준으로 나누어 ["a", "b", "c", "d"]라는 배열로 만들고 싶다.

var str = "a=b,c:d";
str; // "a=b,c:d"
str.split("=");
// (2) ["a", "b,c:d"]
str;
// "a=b,c:d". str은 그대로이다.

str.split("=").join(",");
// "a,b,c:d"
str.split("=").join(",").split(":");
// (2) ["a,b,c", "d"]
str.split("=").join(",").split(":").join(",");
// "a,b,c,d"
str.split("=").join(",").split(":").join(",").split(",");
// (4) ["a", "b", "c", "d"]

즉 split()으로 원하는 조건(= , : )의 기호를 하나하나 빼서 배열로 나누고,
나눠진 배열을 join(",")으로 다시 문자열로 합치는 것을 반복한다.

 

Q2. "10+2/3-1*5" 라는 문자열의 숫자로만 이루어진 ["10", "2", "3", "1", "5"]라는 배열을 만들고 싶다.

var input = "10+2/3-1*5";
input.split("+");
// (2) ["10", "2/3-1*5"]
input.split("+").join(",");
// "10,2/3-1*5"
input.split("+").join(",").split("*");
// (2) ["10,2/3-1", "5"]
input.split("+").join(",").split("*").join(",");
// "10,2/3-1,5"
input.split("+").join(",").split("*").join(",").split("/");
// (2) ["10,2", "3-1,5"]
input.split("+").join(",").split("*").join(",").split("/").join(",");
// "10,2,3-1,5"
input.split("+").join(",").split("*").join(",").split("/").join(",").split("-");
// (2) ["10,2,3", "1,5"]
input.split("+").join(",").split("*").join(",").split("/").join(",").split("-").join(",");
// "10,2,3,1,5"
input.split("+").join(",").split("*").join(",").split("/").join(",").split("-").join(",").split(",")
// (5) ["10", "2", "3", "1", "5"]

.split()과 .join()을 반복적으로 써야 해서 코드가 길어지는 불편함이 있지만 
지금의 내 수준(초보)으로선 가장 확실하고 이해할 수 있는 방법이다.

그 외 .split() 소괄호 내에 정규표현식을 사용하는 방법도 있다고.

참고 : lottogame.tistory.com/678

자바 스크립트에서 문자열을 여러 구분 기호로 분리하려면 어떻게합니까?