[Javascript] 문자열 자르기 / 배열 합치기

1. split() ___문자열.split( 기준 문자 )

문자열을 배열로 바꾸기 

split() 안에 매개변수를 넣지 않는 것과 "," 쉼표를 넣어주는 것은 동일한 결과를 반환함!

let exampleString = "홍길동,이순신,유관순";

// exampleString 문자열을 "," 쉼표 기준으로 배열로 나눈다.
let stringToArray = exampleString.split(",");	//exampleString.split(); 과 동일함

console.log(stringToArray);
//출력: ["홍길동","이순신","유관순"];

만약 공백을 기준으로 나누고 싶다면? split() 함수에 " " 공백이 들어간 문자열을 넣어주면 된다.

let exampleString = "홍길동 이순신 유관순";

// exampleString 문자열을 " " 공백 기준으로 배열로 나눈다.
let stringToArray = exampleString.split(" ");

console.log(stringToArray);
//출력: ["홍길동","이순신","유관순"];

 

문자열을 한 글자씩 잘라서 배열에 담는 것도 가능하다!

그런데 이건 split보다 spread 연산자를 이용하는 것이 제일 안전하긴 하다

 

spread 연산자

let exampleString = "홍길동 이순신 유관순";

console.log([...exampleString]);
//출력: ["홍","길","동"," ","이","순","신"," ","유","관","순"];

참고: https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Spread_syntax

전개 구문 - JavaScript | MDN

split 사용

let exampleString = "홍길동 이순신 유관순";

// exampleString 문자열을 한 글자씩 배열로 나눈다.
let stringToArray = exampleString.split("");

console.log(stringToArray);
//출력: ["홍","길","동"," ","이","순","신"," ","유","관","순"];

적어놓은 출력 예시를 보면 문자열 중간의 띄어쓰기도 " " 이렇게 빈 공백 문자열로 배열에 담기므로 주의해야한다.

배열.trim() 과 같은 함수를 이용해 공백을 없애주는 것도 좋을 것 같다.

(trim함수를 쓰면 몇 특수기호도 제거되니 조심해야한다... \ 인가 / 인가... 기억은 안나는데, 얘네는 trim이 걸러버리더라ㅠㅠ)

정규식을 이용해서 문자를 바꿔주는 것이 낫지 않을까 싶기도 함

 

mozilla홈페이지에서는 빈 문자열을 구분자로 사용하면 문제가 날 수도 있다고하니 자세한 건 아래 주소를 참고바람

 

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/split

---

2. join() ___배열.join(연결할 문자)

배열을 하나의 문자열로 합치기

해당 함수는 배열의 각 인덱스 값을 매개변수로 넣어 준 연결 문자로 이어준다.

let exampleArray = ["홍길동","이순신","유관순"];

// let exampleArray 배열을 ","로 합친다.
let arrayToString = exampleArray.join(",");	//exampleArray.join(); 과 동일함

console.log(arrayToString);
//출력: "홍길동,이순신,유관순";

let exampleArray = ["홍길동","이순신","유관순"];

console.log(exampleArray.join(""));
//출력: "홍길동이순신유관순";

console.log(exampleArray.join("&"));
//출력: "홍길동&이순신&유관순";

이런 식으로 join된다고 보면 됨