Binary World

자바스크립트 문자열(String) 본문

개발자의 길/Javascript

자바스크립트 문자열(String)

모쿠 2017. 4. 6. 15:43

<다양한 자바스크립트 문자열>


<22_string.html>


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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript</title>
</head>
<body>
 
<h1>JavaScript String 메소드</h1>
<div id="output"></div>
 
<script>
var output = document.getElementById('output');
 
var str1 = '안녕하세요'; // 문자열 상수(String literal)
var str2 = '안녕하세요';
if (str1 == str2){
    output.innerHTML += '같은 객체<br/>';
} else {
    output.innerHTML += '다른 객체<br/>';
}
 
var str3 = new String('안녕하세요');
var str4 = new String('안녕하세요');
 
if (str3 == str4){
    output.innerHTML += '같은 객체<br/>';
} else {
    output.innerHTML += '다른 객체<br/>';
}
 
var str5 = '안녕, 자바스크립트! "자바스크립트"는 쉬어요';
// length: 메소드가 아니라 property임
output.innerHTML += 'length: ' + str5.length + '<br/>';
output.innerHTML += 'indexOf(): ' + str5.indexOf('자바스크립트') + '<br/>';
output.innerHTML += 'lastIndexOf(): ' + str5.lastIndexOf('자바스크립트') + '<br/>';
output.innerHTML += 'search(): ' + str5.search('자바스크립트') + '<br/>';
output.innerHTML += 'search(): ' + str5.search(/자바스크립트/) + '<br/>';
// match(): 일치하는 문자열을 리턴
output.innerHTML += 'match(): ' + str5.match('자바스크립트') + '<br/>';
output.innerHTML += 'match(): ' + str5.match(/자바스크립트/g) + '<br/>';
output.innerHTML += str5.match(/자바스크립트/g).length + '<br/>';
 
// 문자열 자르기
// slice(startIndex, endIndex)
// startIndex는 포함, endIndex는 -1까지 문자열 자르기
// 음수 인덱스가 가능
output.innerHTML += 'slice(): ' + str5.slice(4, 11) + '<br/>';
output.innerHTML += 'slice(): ' + str5.slice(-12, -6) + '<br/>';
 
// substring(startIndex, endIndex)
// startIndex는 포함, endIndex는 -1까지 문자열 자르기
// 음수 인덱스 불가능
output.innerHTML += 'substring(): ' + str5.substring(4, 11) + '<br/>';
 
// substr(startIndex, length)
output.innerHTML += 'substr(): ' + str5.substr(4, 11) + '<br/>';
 
var str6 = 'Hello, javascript "javascript" is easy';
output.innerHTML += 'replace(): ' + str6.replace('javascript', 'JAVASCRIPT') + '<br/>';
output.innerHTML += 'replace(): ' + str6.replace(/javascript/g, 'JAVASCRIPT') + '<br/>';
 
// JavaScript 정규표현식: /패턴/옵션
// 옵션 :
// 1) g(global): 일치하는 모든 패턴을 찾음
// 2) i(case-insensitive): 대소문자 구분 없이 패턴을 찾음
 
var str7 = 'JavaScript';
output.innerHTML += 'UpperCase(): ' + str7.toUpperCase() + '<br/>';
output.innerHTML += 'LowerCase(): ' + str7.toLowerCase() + '<br/>';
 
var str8 = 'admin,admin1234,admin@test.com';
var info = str8.split(',');
output.innerHTML += 'split length: ' + info.length + '<br/>';
output.innerHTML += info.toString() + '<br/>';
for(x in info){
    output.innerHTML += info[x] + '<br/>';
}
 
var str9 = '     Hello,     JavaScript!     ';
output.innerHTML += '<pre>' + str9 + '</pre>';
output.innerHTML += '<pre>' + str9.trim() + '</pre>';
 
</script>
 
</body>
</html>
cs



<출력화면>



저작자표시 비영리

'개발자의 길 > Javascript' 카테고리의 다른 글

자바스크립트 날짜표현(Date)  (0) 2017.04.06
자바스크립트 숫자변환  (0) 2017.04.06
자바스크립트 프로토타입(Prototype)  (0) 2017.04.06
자바스크립트 프로퍼티(Property) 02  (0) 2017.04.06
자바스크립트 프로퍼티(Property> 01  (0) 2017.04.06
'개발자의 길/Javascript' Related Articles more
Comments