JavaScript - 자바스크립트 문자열

* 자바스크립트의 문자열

-""으로 감싼다.
-''으로 감싼다.
- 문자열을 결합할 때는 "+"를 사용
- " 또는 '을 문자열로 출력할 경우에는 "\"를 앞에 붙여 출력

소스

"use strict";
var msg = "자바스크립트 문자열";
console.log(msg);

msg = '나의 이름은 "홍길동" 입니다.';
console.log(msg);

msg = '나의 이름은 "홍길동" 입니다.';
console.log(msg);

// "" 을 중복 사용해야 할경우 \"\"로 표현
msg = "<input type='text' onclick='alter(\"hi\");' />";
console.log(msg);

결과

자바스크립트 문자열
나의 이름은 "홍길동" 입니다.
나의 이름은 "홍길동" 입니다.
<input type='text' onclick='alter("hi");' />

* 자바스크립트의 문자열

- 문자열과 숫자를 "+" 연산하면 결과는 문자열의 추가
- 문자열과 숫자를 "+" 연산 이외의 결과는 숫자로 계산

소스

"use strict";

console.log(1 + "20");
console.log("1" + "20");
console.log("1" + 20);
console.log("100" - 10);
console.log("100" * 10);
console.log("a" - 10);

결과

120
120
120
90
1000
NaN

* 자바스크립트의 문자열

- 멀티라인 출력
- 변수 사용

소스

"use strict";

var msg = "저의" + "이름은" + "홍길동입니다.";
console.log(msg);

// \뒤에 공백이 포함되어 있으면 안됨
var msg2 = "저의\
이름은\
홍길동입니다.";
console.log(msg2);

// 입력한 형태 그대로 출력
// ${} 형식은 `` 내에서만 사용 가능
var name = "홍길동";
var msg3 = `저의
이름은
${name} 입니다.`;
console.log(msg3);

결과

저의이름은홍길동입니다.
저의이름은홍길동입니다.
저의
이름은
홍길동 입니다.