- 문자열 함수
a.length : 문자열의 길이
a.startsWith() : 시작 문자열 판단
a.endsWith() : 끝의 문자열 판단
split : 문자열을 분리하여 배열로 리턴
join : 배열의 요소를 연결하여 하나의 문자열로 리턴
strarr.join() : 배열의 요소를 지정된 문자로 연결📌
<!DOCTYPE html>
<!-- src/main/webapp/20220923/javascript1.html -->
<html>
<head>
<meta charset="UTF-8">
<title>문자열 함수</title>
</head>
<body>
<script type="text/javascript">
a = new String("Client-Side JavaScript Guide")
b = 6.3;
//문자열의 길이
document.write("a.length :" + a.length + "<br>")
//시작, 끝의 문자열 판단
document.write("a.startsWith('C'):" + a.startsWith('C') + "<br>")
document.write("a.endsWith('Guide'):" + a.endsWith('Guide')+"<br>")
// split : 문자열 분리하여 배열로 리턴
// join : 배열의 요소를 연결하여 하나의 문자열로 리턴
document.write("a.split(' '):" + a.split(' ').join('#')+"<br>")
let strarr = a.split(' ')
for(let a in strarr) {
document.write("---" + strarr[a] + "<br>")
}
//join('#') : 배열의 요소를 지정된 문자로 연결.
document.write("strarr.join('#'):"+strarr.join('#')+"<br>")
</script>
</body>
</html>
- 부분문자열
slice(a) : a 인덱스부터 이후 문자열 표시
slice(a,b) : a번째부터 b번째 전까지 잘라서 표시
substr(a, b) : a(시작인덱스)부터 b 길이만큼 잘라 문자열 표시
substring(a, b) : 문자열의 특정부분을 잘라내는 메소드
a(시작인덱스)부터 b(끝인덱스) 전까지의 문자열 표시
📌
<!DOCTYPE html>
<!-- src/main/webapp/230220922/javascript10.html -->
<html>
<head>
<meta charset="UTF-8">
<title>문자열 관련 함수</title>
</head>
<body>
<script type="text/javascript">
a = new String("Client-Side JavaScript Guide")
b = 6.3;
document.write("문자열 a:" + a +",문자열 b:"+b + "<br>")
document.write("a[5]:" + a[5]+ "<br>")
document.write("a.charAt(5):" + a.charAt(5)+ "<br>")
document.write("a.indexOf('S'):" + a.indexOf('S')+ "<br>")
document.write("a.lastIndexOf('S'):" + a.lastIndexOf('S')+ "<br>")
//부분문자열
//slice : 17번 인덱스부터 이후 문자열
document.write("a.slice(17):" + a.slice(17)+ "<br>")
document.write("a.substr(17):" + a.substr(17)+ "<br>")
document.write("a.substring(17):" + a.substring(17)+ "<br>")
//substr(시작인덱스,길이)
document.write("a.substr(1,7):" + a.substr(1,7)+ "<br>")
//substring(시작인덱스,끝인덱스) : 1번인덱스 부터 6번인덱스까지
document.write("a.substring(1,7):" + a.substring(1,7)+ "<br>")
</script>
</body>
</html>
'수업(국비지원) > JavaScript' 카테고리의 다른 글
| [JavaScript] 로그인(method[get,post], onsubmit, action) (0) | 2023.04.18 |
|---|---|
| [JavaScript] Exam 구구단 출력 (0) | 2023.04.18 |
| [JavaScript] TTS(Text to Speech) 연습 (0) | 2023.04.18 |
| [JavaScript] 이미지 선택하기(function, drawimg, sel, img, onchange,option), 마우스를 이용한 이미지 변경 (0) | 2023.04.18 |
| [JavaScript] Math 클래스 사용, onchange 이벤트 (0) | 2023.04.18 |