JavaScript에서 여러 줄 문자열 작성

1. JavaScript에서 여러 줄 연결
2. \백 슬래시 문자를 사용하여 리터럴 개행 문자를 이스케이프
3. 템플릿 리터럴을 사용하여 JavaScript에서 다중 문자열 만들기

이 튜토리얼에서는 JavaScript에서 여러 줄 문자열을 작성하는 방법을 설명합니다. ES6 이전 시대에는 JavaScript에서 여러 줄 문자열을 직접 지원하지 않았습니다. 이를 달성하는 방법에는 여러 가지가 있습니다. 그다지 좋지 않은 ES6 이전 방법과 ES6 방법, 통사론 설탕 방법입니다. 이 모든 방법을 하나씩 다룰 것입니다.

JavaScript에서 여러 줄 연결

문자열을 여러 하위 문자열로 나눈 다음+기호를 사용하여 전체 단일 문자열을 얻기 위해 함께 연결합니다. 이런 식으로 우리는 문자열을 여러 줄로 나누고 동시에 하나의 문자열에 합칩니다.

const str = 'This is DelftStack' +
    ' We make cool How to Tutorials' +
    ' &' +
    ' Make the life of other developers easier.';

출력:

"This is DelftStack We make cool How to Tutorials & Make the life of other developers easier."

템플릿 리터럴이 도입되기 전에 여러 줄 문자열을 작성하는 가장 간단하고 가장 유망한 방법 이었지만이 방법은 형성된 문자열을 여러 줄 문자열로 출력 할 수 없으며 모든 줄 끝에\n을 추가하여 달성해야합니다.

\백 슬래시 문자를 사용하여 리터럴 개행 문자를 이스케이프

이 문자는 줄 바꿈 문자를 이스케이프하는 데 도움이되므로 모든 줄 끝에 백 슬래시를 추가하여 이중 / 작은 따옴표 안에 여러 줄 문자열을 만들 수 있습니다.

const str = 'This is DelftStack \
We make cool How to Tutorials \
& \
Make the life of other developers easier.';

출력:

"This is DelftStack We make cool How to Tutorials & Make the life of other developers easier."

그래서 우리는 여러 줄로 나누어 진 문자열을 썼지 만 우리의 목표, 올바른 출력 출력, 코드의 가독성을 달성하는 데 도움이되는 통합 된 문자열을 얻었습니다. 그러나 항상 원하는 것은 아닙니다. 표시되는 경우에도 실제로 여러 줄로 분할되는 문자열을 원할 수 있습니다. 이것은 ES6에서 템플릿 리터럴을 사용하여 이루어집니다.

템플릿 리터럴을 사용하여 JavaScript에서 다중 문자열 만들기

템플릿 리터럴은 백틱 (이 문자`를 백틱이라고 함)을 사용하여 여러 줄 문자열을 작성하는 데 도움이되는 ES6에서 도입 한 새로운 방법입니다. 여러 줄 문자열을 작성할 수있을뿐만 아니라 이전 방법으로는 불가능했던 똑같은 방식으로 인쇄 할 수 있기 때문에 단연 최고의 솔루션입니다.

var str = `This is DelftStack 
We make cool How to Tutorials 
& 
Make the life of other developers easier.
`

출력:

This is DelftStack 
We make cool How to Tutorials 
& 
Make the life of other developers easier.