Notice
Recent Posts
Recent Comments
Link
«   2025/01   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Tags
more
Archives
Today
Total
관리 메뉴

3일만에 끝내는 HTML, CSS, JS 기초

j14. 자바스크립트 문자열 본문

JAVASCRIPT

j14. 자바스크립트 문자열

눈의나라북범 2016. 6. 5. 15:47

자바스크립트 문자열

자바스크립트 문자열 (JavaScript Strings) 은 텍스트를 저장하거나 조작하기 위해 사용됩니다.

문자열은 따옴표 안에 있는 어떤 텍스트도 될 수 있습니다. 단일 따옴표 ('') 또는 쌍따옴표 ("") 모두 가능합니다.

문자열 내부에서 따옴표를 사용하려면, 문자열을 둘러싸고 있는 따옴표와 혼돈이 없도록 하여야 합니다.

<p id="myID21"></p> <script> var myString1 = "문자열은 '따옴표' 안에 있는 어떤 텍스트도 될 수 있습니다."; var myString2 = '문자열 내부에서 따옴표를 사용하려면, "문자열을 둘러싸고 있는 따옴표"와 혼돈이 없도록 하여야 합니다.'; document.getElementById("myID21").innerHTML = myString1 + "<br>" + myString2; </script>

문자열의 길이 (String Length) 는 자체내에 내재된 프로퍼티 (the built in property) 인 length 로 알 수 있습니다.

문자열의 길이 (String Length) 는 자체내에 내재된 프로퍼티 (the built in property) 인 length 로 알 수 있습니다.

<p>문자열의 길이 (String Length) 는 자체내에 내재된 프로퍼티 (the built in property) 인 length 로 알 수 있습니다.</p> <p id="length1"></p> <script> var txt = "문자열의 길이 (String Length) 는 자체내에 내재된 프로퍼티 (the built in property) 인 length 로 알 수 있습니다."; document.getElementById("length1").innerHTML = txt.length; </script>

문자열은 따옴표 ("" 또는 '') 로 둘러 싸야 하기 때문에, 자바스크립트에서 이들 따옴표 ("" 또는 '') 문자는 오류 (misunderstand) 가 날 수 있습니다.

그래서 해결책으로, \ (백슬래시 확장 문자, backslash escape character) 를 사용하게 되었습니다.

이 "백슬래시 확장 문자 (backslash escape character)" 는 문자열 내에 특수 문자로 삽입됩니다.

<p id="backslash1"></p> <script> var text = "이 \"백슬래시 확장 문자 (backslash escape character)\" 는 문자열 내에 특수 문자로 삽입됩니다."; document.getElementById("backslash1").innerHTML = text; </script>
이 확장 문자 (escape character) (\) 는 문자열 내에 다른 특수 문자를 삽입할 때에도 사용됩니다. 백슬래시 기호 (the backslash sign) 로 만들 수 있는 특수 문자 목록 입니다. Code 출력 (Outputs) \' 단일 따옴표 \" 이중 따옴표 \\ 백슬래시 \t 탭 문자 (tab) \b 백스페이스 (backspace) \n 줄바꿈 \r 복귀 문자 (carriage return) \f 서식 문자 (form feed)

가독성이 좋게 할 목적으로 프로그래머가 80 자가 넘어 가면 코드 줄바꿈을 하고 싶은 경우가 있습니다.

이 때는 연산자 (operator) 뒤에서 줄바꿈 하는 것이 가장 좋습니다.

그런데, 만일 텍스트 문자열 (text string) 내에서 줄바꿈을 해야하는 경우에는 백슬래시 (\, backslash) 를 사용하면 됩니다.

<p id="backslash1"></p> <script> document.getElementById("backslash1").innerHTML = "연산자 (operator) 뒤에서 줄바꿈 하는 것이 가장 좋습니다. \ \ 그런데, 만일 텍스트 문자열 (text string) 내에서 줄바꿈을 해야하는 경우에는 백슬래시 (\\, backslash) 를 사용하면 됩니다."; </script>
그런데 백슬래시 (\) 메서드는 자바스크립트 표준이 아닙니다. 따라서 어떤 브라우저에서는 백슬래시 (\) 문자 뒤에 공백을 허용하지 않으니 유의합니다.

[광고] Udemy 동영상 강의로 보기