문자열 조작은 배우기 쉽지만 JavaScript에서 마스터하기는 가장 어렵습니다. 이전에는 JavaScript에서 여러 줄 문자열을 지원하지 않았습니다. 2015년 이후에는 여러 줄 문자열을 지원하는 문자열 리터럴이 ES6(ECMAScript 6)에 도입되었습니다.
이제 여러 줄 문자열을 처리하는 방법에는 여러 가지가 있습니다. 이 장에서는 여러 줄 문자열을 하나씩 처리하는 다양한 방법에 대해 설명합니다.
다음은 여러 줄 문자열로 작업하는 몇 가지 방법입니다.
방법 1
가장 간단한 방법입니다 자바스크립트 문자열 텍스트를 여러 줄로 표시합니다. 구분선 탭(
) 또는 document.write() 함수 내부의 HTML을 사용하여 새 줄에서 텍스트를 시작합니다.
예
다음은 JavaScript 프로그래밍을 사용한 여러 줄 문자열의 실제 구현입니다.
코드 복사
Multiple new lines example document.write('This is first line display using JavaScript.'); document.write(' <br>'); document.write('This is second line and divided using break line tab of HTML.'); document.write(' <br>'); document.write('Now, we again printed another new line.')지금 테스트해보세요
산출
이 코드를 실행하면 구분선 탭을 사용하여 구분되는 세 개의 텍스트 문자열이 웹에 표시됩니다(
) HTML의 .
This is first line display using JavaScript. This is second line and divided using break line tab of HTML. Now, we again printed another new line.
예시 2: 개별 문자열 연결
이 예에서는 JavaScript 프로그래밍을 사용하여 줄 바꿈 없이 여러 줄 문자열을 간단히 인쇄합니다.
코드 복사
Multiple new lines example var myString ='Javatpoint is a website of technologies, ' + 'which provides tutorials of different technologies and tools. ' + 'Here you will get tutorials in detail' + 'like theory as well as practical implementation.' + ' <br> We will try to provide you the best knowledge from our side.' + 'Student, teachers, and industry professionals can learn from here.'; document.write(myString);지금 테스트해보세요
산출
이 코드를 실행하면 구분선 탭을 사용하여 구분되는 두 개의 텍스트 단락이 웹에 표시됩니다(
) HTML의
Javatpoint is a website of technologies, which provides tutorials of different technologies and tools. Here you will get tutorials in detail 'like theory as well as practical implementation. We will try to provide you the best knowledge from our side. 'Student, teachers, and industry professionals can learn from here.
실시예 3
이것은 JavaScript 프로그래밍을 사용한 여러 줄 텍스트 인쇄의 간단한 예입니다. 여기서는 HTML만 사용했습니다.
여러 줄의 문장을 나누려면 탭을 사용하세요.
코드 복사
Multiple new lines example var multilineString ='JavaScript is a programming language that is useful for web development at client-side execution.' + 'This language is very light-weighted mostly used to put validations, so they check at the client-side.' + ' <br> Nowadays, it is very trending in market for web development.' + ' <br> As it also allows dynamic execution of code.'; document.write(multilineString);지금 테스트해보세요
산출
이 코드를 실행하면 구분선 탭을 사용하여 구분되는 세 개의 단락이 웹에 표시됩니다(
) HTML의
자바에서 문자열의 동등성
JavaScript is a programming language that is popular for web development at the client-side execution. This language is very light-weighted mostly used to put validations, so they check at client-side. Nowadays, it is very trending in market for web development. As it also allows dynamic execution of code.
방법 2: 내부에 텍스트 문자열을 전달할 수도 있습니다.
또는 또는 표제 탭( JavaScript 및 HTML을 사용한 여러 줄 문자열 생성 예
여러 줄의 텍스트를 삽입하려면 버튼을 클릭하세요.
여러 줄 표시 function showMultilineString() { multilineString = ' ' + 'h3 탭을 이용한 제목입니다.
' + '이것은 또 다른 문자열 개행입니다.' + '우리는' + '연결 연산자를 사용하여 이 모든 문자열을 결합했습니다. 이 텍스트 문자열은 두 줄, 세 줄을 표시합니다.
' + ' ' ; document.getElementById('multiline').innerHTML = multilineString; }지금 테스트해보세요산출
위를 실행하면 출력이 웹에 표시됩니다. 아래 응답을 참조하십시오. 당신은 볼 것이다 여러 줄 표시 버튼을 누르면 텍스트 문자열이 표시됩니다.
이것을 클릭하세요 여러 줄 표시 버튼과 텍스트 문자열이 여러 줄로 표시됩니다. 아래 출력을 참조하세요.
