728x90
반응형
<!-- src/main/webapp/20220404/stringex1.html -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>문자열 관련 함수</title>
</head>
<body>
<script type="text/javascript">
a = new String ("Client-Side JavaScript Guide");
b = 2020;
document.write("문자열 a:" + a + ", 문자열 b:" + b + "<br>") // + 연산가능
document.write("a.charAt(5): " + a.charAt(5) + "<br>") // 5번 인덱스의 문자
document.write("a.indexOf('S'): " + a.indexOf('S') + "<br>") // 'S'문자의 인덱스
document.write("a.lastIndexOf('S'): " + a.lastIndexOf('S') + "<br>") // 뒤부터 'S'문자열을 찾아서 인덱스 리턴
//부분 문자열
document.write("a.slice(17):" + a.slice(17) + "<br>") // 17번 이후 문자열
document.write("a.substr(17):" + a.substr(17) + "<br>") // 17번 이후 문자열
document.write("a.substring(17):" + a.substring(17) + "<br>") // 17번 이후 문자열
document.write("a.substr(1,7):" + a.substr(1,7) + "<br>") //a 문자열에서 1번인덱스부터 7개의 문자
document.write("a.substring(1,7):" + a.substring(1,7) + "<br>") //a 문자열에서 1번인덱스부터 7개인덱스 앞까지
document.write("a.length:" + a.length + "<br>") //문자열의 길이
document.write("a.startsWith('C'):" + a.startsWith('C') + "<br>") //a 문자열이 'C' 시작?
document.write("a.endsWith('Guide'):" + a.endsWith('Guide') + "<br>") //a 문자열이 'Guide' 종료?
document.write("a.split(' '):" + a.split(' ') + "<br>") //문자열의 분리 : 공백을 기준으로 분리. 배열로 리턴
document.write("a.split(' '):" + a.split(' ').join('/') + "<br>") //join('/') : 배열의 요소들을 /문자열 연결하여 하나의 문자로 리턴
let strarr = a.split(' ');
for(let i=0; i<strarr.length; i++) {
document.write('strarr['+i+']:' + strarr[i] + "<br>")
}
document.write("strarr.join('/'):" + strarr.join('/') + "<br>")
</script>
</body>
</html>728x90
반응형