반응형
JavaScript 문자열 관련 함수 예제 입니다.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<pre>
<script type="text/javascript">
var s = " Abc Def Fed Cba ";
document.writeln("길이 : " + s.length); //길이
document.writeln("대문자출력 : " + s.toUpperCase()); //대문자
document.writeln("소문자출력 : " + s.toLowerCase()); //소문자
document.writeln("글자체 볼트로 : " + s.bold()); //볼드
document.writeln("이탤릭체 : " + s.italics()); //이탤릭
//1번째 인덱스 : A, IndexOf()
document.writeln("인덱스 1번째자리 : " + s.charAt(1));
//뒤에서 b검색 : 14
document.writeln("뒤에서 b문자 다음 앞 출력" + s.indexOf("b"));
//치환
document.writeln("Abc 문자를 에이비씨로 치환 : " +
s.replace("Abc", "에이비씨"));
var arr = s.split(' '); //공백으로 분리해서 배열에 저장
for (var i = 0; i < arr.length; i++) {
document.writeln(arr[i]);
}
//[!]아래 dir 변수에서 파일명과 확장자를 추출해서 출력하기
var dir = "C:\\Temp\\RedPlus.gif";
document.writeln(dir.substring(dir.lastIndexOf("\\") + 1));
document.writeln(dir.substring(dir.lastIndexOf(".") + 1));
</script>
</pre>
</head>
<body>
</body>
</html>
결과화면
<head>
<title></title>
<pre>
<script type="text/javascript">
var s = " Abc Def Fed Cba ";
document.writeln("길이 : " + s.length); //길이
document.writeln("대문자출력 : " + s.toUpperCase()); //대문자
document.writeln("소문자출력 : " + s.toLowerCase()); //소문자
document.writeln("글자체 볼트로 : " + s.bold()); //볼드
document.writeln("이탤릭체 : " + s.italics()); //이탤릭
//1번째 인덱스 : A, IndexOf()
document.writeln("인덱스 1번째자리 : " + s.charAt(1));
//뒤에서 b검색 : 14
document.writeln("뒤에서 b문자 다음 앞 출력" + s.indexOf("b"));
//치환
document.writeln("Abc 문자를 에이비씨로 치환 : " +
s.replace("Abc", "에이비씨"));
var arr = s.split(' '); //공백으로 분리해서 배열에 저장
for (var i = 0; i < arr.length; i++) {
document.writeln(arr[i]);
}
//[!]아래 dir 변수에서 파일명과 확장자를 추출해서 출력하기
var dir = "C:\\Temp\\RedPlus.gif";
document.writeln(dir.substring(dir.lastIndexOf("\\") + 1));
document.writeln(dir.substring(dir.lastIndexOf(".") + 1));
</script>
</pre>
</head>
<body>
</body>
</html>
33.문자열관련함수.htm반응형
'jQuery | javascript | CSS' 카테고리의 다른 글
| 01.jQuery - 기본문법 (01.HellowWorld.htm) (2) | 2009.11.05 |
|---|---|
| 00.jQuery - jQuery란? (0) | 2009.11.05 |
| 32.JavaScript - 날짜관련내장객체 (0) | 2009.08.13 |
| 31.JavaScript - 이벤트 (Event) (0) | 2009.08.13 |
| 30.JavaScript - JavaScript에서 스타일시트 적용 (0) | 2009.08.12 |
Comments