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

목차

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

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

join() 정의

 

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

 

---

 

1.

기본 구분자는 쉼표 ( , )임.

 

2.

IE5.5 이상 최신 브라우저 지원.

 

3.
ECMAScript 1

 

4.

PHP의 implode() 함수와 유사한 역할.

 

join() 구문

 

array.join(separator)

 

---

[매개변수]

 

separator

선택. 구분자. 생략된 경우 쉼표 ( , )로 구분됨.

 

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

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

 

<script>

hz = "홈짱닷컴";

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

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

</script>

 

결과값: 홈|짱|닷|컴