• 회원가입
  • 로그인
  • 구글아이디로 로그인

[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>

 

결과값: 홈|짱|닷|


방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목
Basic JS - Home (JS입문) + Javascript Framework (프레임워크) 종류
Basic JS - Intro (JS소개)
Basic JS - Where To (JS위치) - JS구문 / JS코드위치 / JS사용법 ※ JS외부링크 주의사항
Basic JS - Output (JS출력= JS쓰기) ★★★★★
Basic JS - Syntax (JS구문) ★
Basic JS - Statement (JS구문= JS명령문)
Basic JS - Comment (JS주석)
Basic JS - Variable (JS변수) ★★★★★
Basic JS - Operator (연산자) - JS연산자 ★★★★★
Basic JS - Data Type - 데이터유형 ★★★★★ (= 데이터형식 = 데이터타입 = 데이터종류 = 자료형…
Basic JS - Function - JS함수 ★★★★★ ※ 일반함수 특징 2
Basic JS - Object - JS객체 ★★★★★
Basic JS - Scope - JS유효범위 (= JS접근범위 = 변수 종류) ★★★★★★★★★★
Basic JS - Event - JS이벤트 (= JS코드실행방법) ★★★★★
Basic JS - Strings - JS문자열
Basic JS - String Methods - JS문자열메서드
Basic JS - Number - JS숫자
Basic JS - Number Method - JS숫자메서드
Basic JS - Math 객체 - JS수학객체 (= JS산수객체 = Math객체 = Math Object = 매스 …
Basic JS - Dates - JS날짜
1/67
목록
찾아주셔서 감사합니다. Since 2012