프로그래밍 언어/HTML,CSS,JS

JavaScript에서 여러 줄 문자열 만들기

Rateye 2021. 10. 6. 10:50
728x90
반응형
질문 : JavaScript에서 여러 줄 문자열 만들기

Ruby에 다음 코드가 있습니다. 이 코드를 JavaScript로 변환하고 싶습니다. JS에서 동등한 코드는 무엇입니까?

text = <<"HERE"
This
Is
A
Multiline
String
HERE
답변

수정 ES6 답변:

ECMAScript 6 (ES6)에는 새로운 유형의 리터럴, 즉 템플릿 리터럴이 도입되었습니다. 그들은 많은 기능과 다양한 보간법을 가지고 있지만이 질문에서 가장 중요한 것은 여러 줄이 될 수 있다는 것입니다.

템플릿 리터럴은 백틱 으로 구분됩니다.

var html = `
  <div>
    <span>Some HTML here</span>
  </div>
`;

(참고 : 나는 문자열에 HTML을 사용하는 것을 옹호하지 않습니다.)

브라우저 지원은 괜찮지 만 호환성을 높이기 위해 트랜스 파일러 를 사용할 수 있습니다.


원래 ES5 답변:

Javascript에는 here-document 구문이 없습니다. 그러나 리터럴 개행 문자를 이스케이프 할 수 있습니다.

"foo \
bar"
출처 : https://stackoverflow.com/questions/805107/creating-multiline-strings-in-javascript
728x90
반응형