[javascript] join( )과 split( ) 사용 및 비교 정리하기

 

* 배열의 join( )과 split( )

🫠 javascript 코딩테스트에 정말 많이 출제되는 배열 문제..! 배열을 제대로 다룰 수 없으면 코딩테스트를 보는데 어려움이 있다. 저번 시간에 정리했던 '배열 접근 및 조작' 포스팅에 이어 join( )을 조금 더 쉽게 이해할 수 있도록 split( )과 묶어서 비교 정리를 해보았다. 

 

* 배열 접근 및 조작하는 방법 ⬇️⬇️⬇️

https://cyjcyj.tistory.com/39

[javascript] Array(배열) 접근 및 조작 함수 정리

---

 

 

 배열을 하나 생성하고, 출력해 보자

> 콘솔창에 출력된 결과 확인 ✅

 

 

 

---

🫠 배열 변환 join( )

> 입력 형식 : 배열변수.join(separator)

> 배열 값을 문자열로 변환

👉🏻 output : babamba, ssangssangba, nugaba 
✅ icecream 배열의 요소들이 문자열로 출력된 것을 확인할 수 있다.
✅ 배열 요소의 순서를 지킨 상태로 문자열로 반환되니 확인!

 

 

❗️ 추가로 join( )은 원본을 훼손하지 않음

 

 

 

---

🫠 join( )으로 만들어준 문자열을 다시 split( )을 통해 배열로 변환해 보자

👉🏻 output : babamba, ssangssangba, nugaba  \n   [ 'babamba', 'ssangssangba', 'nugaba' ]
✅ icecream 배열이 join( )에 의해 문자열로 변환되었고, 다시 split( )에 의해 값을 배열로 반환해 주었다. 
✅ 코딩테스트 및 javascript로 코딩을 작성할 때, 배열 > 문자열 & 문자열 > 배열 반환이 자주 일어나니 꼭 알아두자 ☺️