IT story/JSP

[JSP 강의] L15JavaScript (L02String.html)

jason719 2016. 11. 17. 14:59

2016. 11. 17. (Thu)

L15JavaScript 

L02String

문자열을 처리해보자

ex) L02String.html

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>문자열을 처리해보자</title>

</head>

<body>

<script>

var strVar = "Start I am a String Variable End";

document.write("<h3> strVar : "+strVar+"</h3>");

document.write("<hr/>");

document.write("<h3> strVar.length : "+strVar.length

+"</h3><P> ->문자열의 길이</p>");

document.write("<h3> strVar.indexOf('S') : "+strVar.indexOf('S')

+"</h3><P> ->첫번째 S의 위치</p>");

document.write("<h3> strVar.lastIndexOf('S') : "+strVar.lastIndexOf('S')

+"</h3><P> ->마지막 S의 위치</p>");

document.write("<h3> strVar.search('I') : "+strVar.search('I')

+"</h3><P> ->'I'의 위치 검색</p>");

document.write("<h3> strVar.slice(8,10) : "+strVar.slice(8,10)

+"</h3><P> -> 8~10번째 문자만 반환</p>");

document.write("<h3> strVar.slice(-24,-22) : "+strVar.slice(-24,-22)

+"</h3><P> -> 뒤에서 -24번째부터 -22번째 문자만 반환</p>");

document.write("<h3> strVar.slice(8) : "+strVar.slice(8)

+"</h3><P> -> 8번째부터 끝까지 반환</p>");

document.write("<h3> strVar.slice(-24) : "+strVar.slice(-24)

+"</h3><P> -> 뒤에서 -24번째부터 끝까지 반환</p>");

document.write("<h3> strVar.substring(8,10) : "+strVar.substring(8,10)

+"</h3><P> -> 8~10번째 문자만 반환</p>");

document.write("<h3> strVar.substr(8,10) : "+strVar.substr(8,10)

+"</h3><P> -> 8번째부터 10개의 문자 반환(공백포함)</p>");

document.write("<h3> strVar.toUpperCase() : "+strVar.toUpperCase()

+"</h3><P> ->대문자로 반환 </p>");

document.write("<h3> strVar.toLowerCase() : "+strVar.toLowerCase()

+"</h3><P> ->소문자로 반환 </p>");

document.write("<h3> strVar.charAt(0) : "+strVar.charAt(0)

+"</h3><P> -> 0번째 위치의 문자 반환 </p>");

document.write("<h3> strVar[3] : "+strVar[3]

+"</h3><P> -> 3번째 위치의 문자 반환(but, 오류위험) </p>");

document.write("<h3> strVar.replace('am','are') : "+strVar.replace('am','are')

+"</h3><P> ->am을 are로 변환</p>");

document.write("<h3> strVar.split(' ')[0] : "+strVar.split(' ')[0]

+"</h3><P> ->배열에 담아 0번째 반환</p>");

document.write("<hr/>");


var text1 = "Hello";

var text2 = "JavaScript";

document.write("<h3>text1: "+text1+"</h3><p>->text1 출력</p>");

document.write("<h3>text2: "+text2+"</h3><p>->text2 출력</p>");

document.write("<h3>text1.concat('_',text2): "+text1.concat('_',text2)

+"</h3><p>->text1+text2</p>");



//JavaScript -> document를 가장 많이 다룬다 -> 문자열 or 배열 or JSON

</script>

</body>

</html>


※출력내용







저작자표시 변경금지

'IT story > JSP' 카테고리의 다른 글

[JSP 강의] L15JavaScript (L04Array.html)  (0) 2016.11.18
[JSP 강의] L15JavaScript (L03Number.html)  (0) 2016.11.17
[JSP 강의] L15JavaScript (L01Variable.html)  (0) 2016.11.17
[JSP 강의] L14Model2  (0) 2016.11.17
[JSP 강의] L13JSTL  (0) 2016.11.17

'IT story/JSP'의 다른글

  • 현재글[JSP 강의] L15JavaScript (L02String.html)

관련글

티스토리툴바