String 객체는 우리가 자바스크립트에서 일반적으로 사용하는 문자열들을 말한다.
Date 객체와는 다르게 new 연산자를 사용하지 않아도 된다.
따옴표 " ", ' ' 기호들을 이용해 문자열을 만들기만 하면 된다.
<script>
var str1 = '자바스크립트';
var str2 = "자바스크립트";
var str3 = new String('javascript');
var str4 = new String("javascript");
document.write("str1 = "+str1+"<br>");
document.write("str2 = "+str2+"<br>");
document.write("str3 = "+str3+"<br>");
document.write("str4 = "+str4+"<br>");
</script>
length 속성
문자열의 길이를 구해준다.
<script>
document.write("문자열의 길이: " + str1.length+"<br>");
document.write("문자열의 길이: " + str2.length+"<br>");
document.write("문자열의 길이: " + str3.length+"<br>");
document.write("문자열의 길이: " + str4.length+"<br>");
</script>
String 객체의 여러가지 함수
1) charAt(index number)
해당 인덱스의 문자를 추출한다.
H부터 0번으로 시작한다.
<script>
var t = "Holding on for tomorrow";
document.write(t.charAt(11)+"<br>");
</script>
2) indexOf('문자열', 위치)
해당 위치 이후로 가장 먼저 시작하는 문자열의 인덱스 번호를 구해준다.
위치를 지정하지 않으면 시작에서부터 가장 먼저 나오는 문자열이 시작하는 인덱스 번호를 구해준다.
<script>
var t = "Holding on for tomorrow";
document.write(t.indexOf('on')+"<br>");
</script>
3) lastIndexOf('문자열')
끝을 기준으로 가장 먼저 나오는 문자열의 인덱스 번호를 구해준다.
<script>
var t = "Holding on for tomorrow";
document.write(t.lastIndexOf('for')+"<br>");
</script>
4) match('문자열')
함수 안에 입력한 문자가 존재할 경우 그것을 반환한다.
<script>
var t = "Holding on for tomorrow";
document.write(t.match('')+"<br>");
</script>
5) toLowerCase(), toUpperCase()
각각 소문자와 대문자로 반환한다.
<script>
var t = "Holding on for tomorrow";
document.write(t.toUpperCase()+"<br>");
document.write(t.toLowerCase()+"<br>");
</script>
6) substring(start index, end index)
start index부터 end index-1만큼 문자열을 추출한다.
end index 생략시 start index부터 끝까지 추출한다.
substr(start index)
substr(start index, 추출할문자열개수)
시작 지점부터 지정한 개수만큼의 문자열을 추출한다.
<script>
var t = "Holding on for tomorrow";
document.write(t.substring(3,9)+"<br>");
document.write(t.substring(3)+"<br>");
document.write(t.substr(5)+"<br>");
document.write(t.substr(3,9)+"<br>");
</script>
7) split('구분기호')
구분기호를 이용, 문자를 분리해 배열로 반환한다
<script>
var t = "Holding on for tomorrow";
var s = t.split(" ");
document.write(s[0]+"<br>");
document.write(s[1]+"<br>");
document.write(s[2]+"<br>");
document.write(s[3]+"<br>");
</script>
배열이기 때문에 루프를 돌려 추출할 수도 있다.
키보드로 영문 이름을 입력받아 대문자로 변환해주는 코드 작성
사용자 정의 함수를 같이 사용해보았다.
<head>
<script>
function check() {
var name = prompt("영문 이름을 입력해주세요","");
var upper = name.toUpperCase();
document.write(upper);
}
</script>
</head>
<body>
<script>
check();
</script>
</body>
<head>
<script>
function check() {
var name = prompt("영문 이름을 입력해주세요","");
var upper = name.toUpperCase();
document.write(upper);
}
</script>
</head>
<body>
<input type="button" value="클릭!" onClick="check()">
</body>
휴대폰 번호를 입력 받아 마지막 4자리를 보이지 않도록 별표 처리 (*) 해주는 코드 작성
(단, 11자리를 입력하지 않으면 경고 메시지 띄움)
<script>
var num = prompt("휴대폰번호를 숫자만 입력하세요", "");
if (num.length === 11) {
document.write(num.substr(0,7)+"****");
} else {
alert("정확한 번호를 입력하세요")
}
</script>
'웹표준 > 자바스크립트' 카테고리의 다른 글
| 이벤트와 이벤트 핸들러 (0) | 2022.08.16 |
|---|---|
| Math 객체 (0) | 2022.08.12 |
| 배열과 Array 객체 (0) | 2022.08.12 |
| Date 객체와 날짜와 시간 (0) | 2022.08.12 |
| 재귀 함수 (0) | 2022.08.12 |