자바스크립트 문자열 작성 방법 예제

2023.08.07

JavaScript 데이터형

 JavaScript에서 사용 가능한 문자열이나 숫자 등의 데이터형에 대해 확인해 보겠습니다.

 JavaScript에서 다루는 값은 어디엔가의 데이터형에는 속해 있습니다.

 

문자열

문자열은 JavaScript의 기본 데이터형의 하나이며 알파벳이나 숫자 등의 문자를 조합한 것입니다.

예를 들어 [Hello]나 [안녕하세요] 등이 문자열이 됩니다.

주로 무언가 메세지나 HTML 문장 등을 브라우저나 다이얼로그에 표시할 때에 사용합니다. 문자열을 스크립트 안에서 작성하는 경우에는 문자열 리터럴이라고 부르는 경우도 있습니다.

 스크립트 안에서 문자열 값을 작성하는 경우에는 싱글 쿼테이션(‘)으로 감싸 표현합니다.

'Hello' '안녕하세요'

 

그리고 싱글 쿼테이션 대신에 더블 쿼테이션(“)으로 감싸서 표현할 수도 있습니다.

"Hello" "안녕하세요"

 

어느 방식으로 해도 틀린 것은 아니기 때문에 편한 쪽을 사용하면 됩니다.

 싱글 쿼테이션으로 감싼 문자열 안에는 문잘 해서 더블 쿼테이션을 포함할 수 있습니다. 반대의 경우도 가능합니다.

'저는 "서울"에 삽니다.' "I'm Sam"

 

싱글 쿼테이션으로 감싼 문자열 안에 싱글 쿼테이션을 문자열을 사용하고 싶은 경우에는 [특수 문자 입력(이스케이프 시퀀스)]를 참조해 주세요.

자바스크립트 특수 문자 입력 방법 예제
특정 문자 입력(이스케이프 시퀀스) 문자를 문자열을 값으로 사용하는 경우 키보드로 입력 불가능한 문자가 있습니다. 예를 들면 개행문자가 있습니다. 문자열에서 개행을 키보드로 입력하면 다음과 같이 됩니다. alert("안녕하세요 잘 지내세요?"); 위의 예에서는 와 의 사이에 개행을 입력하려고 하였지만 키보드에서 키를 누르면 코드의 개행만이 됩니다. 전 페이지에서 다루었던 내용에 JavaScript에서 문자열 도중에는 개행을 할 수 없다고 했었습니다. 그래서 개행등 키보드로 입력 불가능한 문자 등은 + 특정 문자의 조합으로 표현합니다...
seven-clock.com
2023.08.07

 

잘못된 사용법

 문자열의 선두에 싱글 쿼테이션을 사용하고, 문자열의 마지막에 더블 쿼테이션을 사용하는 방법은 할 수 없습니다. 

 다음과 같은 작성법은 어느 쪽도 틀린 경우입니다.

'Hello" "안녕하세요'

 

그리고 문자열은 여러 행으로 작성할 수 없습니다. 

 다음과 같은 작성법도 틀린 경우입니다.

"안녕하세요. 잘 지내시나요?"

 

긴 문장을 한 줄씩 작성하는 것이 보기 쉬운 경우도 있습니다. 이것에 대한 작성방법은 별도로 알아보도록 하겠습니다.

 

샘플 코드

 sample1_1.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="kr" lang="kr"> 
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  <meta http-equiv="Content-Script-Type" content="text/javascript">

  <title>JavaScript 테스트</title> 
</head>
<body> 
  <script type="text/javascript" src="./js/script1_1.js"> 
  </script>
</body>
</html>

 

※스크립트 파일은 HTML 파일이 있는 곳에 js 라는 폴더를 만들어 넣어줍니다.

script1_1.js

  document.write("<p>Hello</p>"); 
  document.write('<p>안녕하세요</p>');

 

실행하면 브라우저에 다음과 같이 표시됩니다.

댓글