[Array] JS - join() 메서드 - 배열을 문자열로 전환. (= join메서드 = 조인메서드) : 구분자 O

목차

1. array.join() 예제 - 배열 요소를 쉼표로 연결한 문자열 반환
2. array.join() 정의
3. array.join() 구문
4. array.join() 예제 - 배열 요소를 지정 특수문자로 연결
5. array.join() 예제 - 문자열 사이사이에 특수문자 넣기

array.join() 예제 - 배열 요소를 쉼표로 연결한 문자열 반환

 

<button onclick="homzzang()">클릭</button>

<p id="demo"></p>

<script>

function homzzang() {

  var site = ["홈짱닷컴", "Homzzang.com"];

  var x = document.getElementById("demo");

  x.innerHTML = site.join();

}

</script>

 

결과값: 홈짱닷컴,Homzzang.com

array.join() 정의

 

배열을 지정 연결구분자로 합친 문자열 반환.

 

---

 

1.

• 기본 연결구분자는 쉼표 (,)임.
• IE5.5 이상 최신 브라우저 지원.
• ECMAScript 1
• PHP의 implode() 함수와 유사.

 

2. cf.

split() 메서드 - 지정 구분자 기준으로 문자열 분리.

 

array.join() 구문

 

array.join(separator)

 

---

[매개변수]

 

separator

선택. 연결구분자. ※ 생략 시, 쉼표 (,)로 연결.

 

---

[반환값]

 

구분자를 기준으로 연결한 문자열 반환.

 

array.join() 예제 - 배열 요소를 지정 특수문자로 연결

 

<button onclick="homzzang()">클릭</button>

<p id="demo"></p>

<script>

function homzzang() {

  var site = ["홈짱닷컴", "Homzzang.com"];

  var x = document.getElementById("demo");

  x.innerHTML = site.join(' : ');

}

</script>

 

결과값: 홈짱닷컴 : Homzzang.com

array.join() 예제 - 문자열 사이사이에 특수문자 넣기

 

<script>

hz = "홈짱닷컴";

res = hz.split("").join("|");

document.write(res); // 홈|짱|닷|컴

</script>

 

결과값: 홈|짱|닷|컴