String

String 객체

. 생성: var str = new String();
   var str = "문자열"
                                                                                             0       1        2        3  (index: length-1)
. 자바스크립트에서는 문자가 없음. 문자열만 존재함. >> 문자+문자+문자+문자  >> 4개   (length)
                                                                                            |        
                                                                                          [0]      [1]      [2]       [3] >>  [  ] 연산자
. 문자는 " ", ' ' 상관 없음.
. 속성 : length

. 메소드 
- charAt (index) : 해당 인덱스 값을 반환
- concat (s1,s2,,): 현재의 문자 객체에 s1,s2,, 등을 붙여서 반환
- replace (a, b) : a문자열을 b문자열로 변환 후에 리턴
- slice (1,5): 1인덱스부터 ~ 5앞까지의 문자열을 반환
- substr (1,3): 인덱스1부터 3개의 문자를 반환
- trim () : 문자열의 앞뒤 공백문자를 제거한 문자열 반환 >> "서대길" " 서대길" " 서대길 "
- toLowerCase (): 소문자로
- toUpperCase (): 대문자로

---

<h3>String객체의 메소드 활용</h3>
<hr>
<script type="text/javascript">

객체생성
let a = new String("Boys and Girls");
let b = "!!";

document.write("a: " + a + "<br>");
document.write("b: " + b + "<br>");

메소드활용
document.write(a.charAt(1) + "<br>" );
document.write(a.concat( b, "입니다" ) + "<br>" );
document.write(a.slice(5, 8) + "<br>");
document.write(a.substr(1) + "<br>");  뒤 콤마가 없으면 끝까지 출력
document.write(a.substr(1,3) + "<br>");
document.write(a.toUpperCase() + "<br>");
document.write(a.toLowerCase()+"<br>");
document.write(a.replace("and","or")+"<br>");
document.write("          JavaScript       ".trim() + "<br><hr>");

let sub = a.split(" ");  공백으로 분리해서 토큰을 배열로 반환 (문자 넣어으면 그 문자를 기준으로  분리) 
document.write("a를 빈칸으로 분리<br>");

for ( i=0;  i<sub.length;  i++ ){
document.write ("sub " + i + "=" + sub[i] + "<br>" );
}

</script>

---

<script type="text/javascript" >

document.write("<h3><p>" + "(1)String객체의 length속성".anchor("list1") + "</p></h3>");

document.write("<br> [1] 한글=> ","자바스크립트".length);
document.write("<br> [2] 영문=> ","JavaScript".length);

document.write("<p>String객체의 위치 이동관련 메소드 알아보기".link("date1.html")+"</p>");  다른 페이지로 이동

let str = "자바스크립트(JavaScript)";
for ( i=0; i<str.length; i++ ){
document.write( i + ":" + str[i] +"<br>");
}

document.write(
"<hr><h3><p>(2)String객체의 글꼴 메소드".anchor("list2")+"</p></h3>"
);

document.write("<br>[1] big메소드 >> " + str.big());
document.write("<br>[2] small메소드>> " + str.small());
document.write("<br>[3] italics메소드>> " + str.italics());
document.write("<br>[4] strike메소드>> " + str.strike());
document.write("<br>[5] sup메소드>> " + str.sup());
document.write("<br>[5] sub메소드>> " + str.sub());

document.write("<br><br> [7] fontcolor메소드>> " + str.fontcolor("red"));
document.write("<br>[8] fontsize메소드>> " + str.fontsize(5));  1~7사이 지정

for ( i=0; i < str.length; i++ ){
document.write("<br>");
}

 

document.write("<hr><h3><p>(3)String객체의 위치이동 관련메소드".anchor("list3") + "</p></h3>");

document.write("<p>list1".link("#list1")+"</p>");
document.write("<p>list2".link("#list2")+"</p>");

 

</script>