> 웹 프론트엔드 > JS 튜토리얼 > JS에서 문자열을 연결하는 방법

JS에서 문자열을 연결하는 방법

青灯夜游
풀어 주다: 2021-04-15 11:43:06
원래의
17865명이 탐색했습니다.

JS 문자열 연결 방법: 1. 문자열 연결 연산자 "+"를 사용합니다. 2. 문자열의 concat() 메서드를 사용하여 문자열을 연결합니다. ) 문자열을 연결하는 방법입니다.

JS에서 문자열을 연결하는 방법

이 문서의 운영 환경: Windows 7 시스템, Dell G3 컴퓨터, javascript 버전 1.8.5.

js에서 문자열을 연결하는 방법에는 문자열 연결 연산자 "+" 사용, concat() 메서드 사용 및 Join() 메서드 사용이 포함됩니다.

JavaScript에서는 두 개 이상의 문자열을 연결하여 새로운 문자열을 만들 수 있습니다. 이 글에서는 누구나 문자열을 이해할 수 있도록 js에서 문자열을 연결하는 방법을 소개하겠습니다. 연결해 드렸으니 도움이 되셨으면 좋겠습니다.

문자열 연결 연산자 "+"

"+" 연산자는 두 개 이상의 문자열 변수가 연결되는 문자열을 추가하는 데 사용할 수 있습니다.

예:

<div class="demo ">
	<p>str1="What a very"</p>
	<p>str2="nice day"</p>
	<p id="str3"></p>
</div>

<script type="text/javascript">
var str1="What a very";
var str2="nice day";
var str3= str1+" "+str2;
document.getElementById("str3").innerHTML ="str3=&#39;"+str3+"&#39;";
</script>
로그인 후 복사

렌더링:

JS에서 문자열을 연결하는 방법

위의 예에서는 " +" 연산자는 문자열 str1, str2 및 빈 문자열을 연결하여 새 문자열 str3을 형성합니다.

Concat() 문자열의 메서드

concat() 메서드는 두 개 이상의 문자열을 연결하는 데 사용됩니다. 또는 배열을 선택한 다음 새 문자열이나 배열을 반환합니다.

Syntax:

string1. concat([string2[, string3[, . . . [, stringN]]]])
로그인 후 복사

string1: 문자열 개체 또는 문자열 캐리어를 지정하고 다른 모든 지정된 문자열을 이 캐리어에 연결할 수 있습니다.

string2,..., stringN: concat() 메서드의 선택적 매개 변수(하나 이상)는 string1 캐리어 끝에 추가된 문자열입니다.

참고:

1. 지정된 string1 캐리어가 다르고 concat() 메서드의 매개변수가 다른 경우 형성된 새 문자열도 달라집니다.

2.concat() 메소드에 문자열이 아닌 매개변수가 있으면 먼저 문자열로 변환한 후 string1의 끝에 연결됩니다.

예: concat() 메서드 연결 문자열

<div class="demo ">
	<p>str1="12q"</p>
	<p>str2="12w"</p>
	<p>str3="111"</p>
	<p id="str4"></p>
	<p id="str5"></p>
	<p id="str6"></p>
</div>

<script type="text/javascript">
var str1=&#39;12q&#39;;
var str2="12w";
var str3="111";

var str4=str1.concat(str2,str3);
var str5=str2.concat(str1,str3);
var str6=str3.concat(str1,str2);

document.getElementById("str4").innerHTML ="str4=str1+str2+str3=&#39;"+str4+"&#39;";
document.getElementById("str5").innerHTML ="str5=str2+str1+str3=&#39;"+str5+"&#39;";
document.getElementById("str6").innerHTML ="str6=str3+str1+str2=&#39;"+str6+"&#39;";
</script>
로그인 후 복사

Rendering:

JS에서 문자열을 연결하는 방법

# 🎜🎜 #

배열의 Join() 메서드

join() 메서드는 배열의 모든 요소를 ​​문자열에 넣는 데 사용됩니다. 배열의 요소는 지정된 구분 기호로 구분됩니다.

구문:

arrayObject.join(separator);
로그인 후 복사

separator 매개변수: 사용할 구분 기호 스타일을 지정하는 데 사용되며 생략할 경우 쉼표가 구분 기호로 사용됩니다.

예: 문자열을 연결하는 Join() 메서드

<div class="demo ">
	<p>arr[0]="www"</p>
	<p>arr[1]=="php"</p>
	<p>arr[2]=="cn"</p>
	<p id="str1"></p>
	<p id="str2"></p>
	<p id="str3"></p>

</div>

<script type="text/javascript">
var arr=new Array();
arr=["www","php","cn"];
var str1=arr.join(".");
var str2=arr.join("-");
var str3=arr.join(" ");
document.getElementById("str1").innerHTML ="str1=&#39;"+str1+"&#39;";
document.getElementById("str2").innerHTML ="str2=&#39;"+str2+"&#39;";
document.getElementById("str3").innerHTML ="str3=&#39;"+str3+"&#39;";
</script>
로그인 후 복사
Rendering:


JS에서 문자열을 연결하는 방법# 🎜 🎜#요약: 위 내용은 이 글의 전체 내용으로, 모든 분들의 공부에 도움이 되었으면 좋겠습니다.

【관련 영상 튜토리얼 추천:

JavaScript 튜토리얼

위 내용은 JS에서 문자열을 연결하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿