[JavaScript] join() 함수

개요

join() 함수는 모든 요소를 연결해서 하나의 문자열로 만들어 준다.

join() 함수

arr.join([separator])

join() 함수는 배열의 각 요소를 구분할 문자열을 지정하고, 이 구분자는 필요한 경우 문자열으로 변환이 된다. 생략을 하면 배열의 요소들이 쉼표로 구분이 된다. separator('')이라면 모든 요소 사이에 아무 문자도 없이 연결이 된다.

📌 separator 요소가 undefined 또는 null이라면 빈 값을 반환한다.

🔎 코드를 보면서 이해 해보도록 하자

📎 다른 방법으로 배열 연결

const arr = ["안녕", "반가워", "누구세요"];
console.log(arr.join()); // 생략을 하게 되면 배열의 요소들을 쉼표로 구분한다 -> 안녕,반가워,누구세요
console.log(arr.join(", ")); // 배열 사이에 ", "을 추가한다 -> 안녕, 반가워, 누구세요
console.log(arr.join(" + ")); // 배열 사이에 " + "을 추가한다 -> 안녕 + 반가워 + 누구세요
console.log(arr.join("")); // 배열 사이에 아무런 문자 없이 연결된다 -> 안녕반가워누구세요

이 코드 처럼 join()함수는 배열 사이에 문자열을 지정해서 사이사이에 삽입을 하고 사람들이 배열을 좀더 쉽게 볼수 있게 도와준다.
의외로 꽤 많이 사용된다

마치며

자바스크립트에는 아직 많은 재미있는 함수들이 남아 있고 더 많은 것들을 배울수 있었으면 좋겠다.

같이 보기 좋은 함수

• split()