웹 프로그래밍/JAVASCRIPT

String 객체

웹 개발자의 비상 2011. 1. 19. 22:01
메소드 프로퍼티 설명  인자 
  length  문자열의 길이를 반환 괄호 없이 사용
valueOf   String객체가 들어가있는 문자열을 반환  없음 
anchor    HTML 앵커를 만든다 앵커명으로 쓸 문자열
big, blink, bold, italics,
small, strike, sub, sup
  String객체의 문자열 값을 HTML형식으로 만들어
반환한다.
없음
charAt, charCodeAt    주어진 위치의 문자열(charAt) 또는
문자코드(charCodeAt)를 반환한다.
위치를 정수로 나타낸다. 시작점은 0
indexOf   첫번째로 일치하는 부분 문자열의 시작위치를 반환한다. 검색할 부분 문자열
lastIndexOf    마지막으로 일치하는 부분 문자열의 시작위치를 반환한다.  검색할 부분 문자열
link   링크할 HTML을 반환한다. href 프로퍼티에 대한 URL
concat   문자열을 붙인다. 문자열에 덧붙일 문자열
split   구분자를 기준으로 문자열을 토큰으로 분할한다. 구분자와 최대 분할 횟수
slice   문자열의 일부를 반환한다. 잘라내는 조각의 시작과 끝 위치
substring, substr   부분문자열을 반환한다.  문자열의 시작과 끝 위치
match, replace, search   정규표현식으로 일치, 대체, 검색한다  정규표현식 문자열
toLowerCase, toUpperCase   대문자에서 소문자로, 소문자에서 대문자로 상호변환한다.   없음



var name= "ninomaximuskaisersoze";
var name1 = "sonyatoro";

document.writeln(name.valueOf());  // 결과값 ninomaximuskaisersoze
document.writeln(name.length);      // 결과값: 21
name.anchor("aha");
document.writeln(name.big());        // 결과값: ninomaximuskaisersoze
document.writeln(name.blink());      // 결과값: ninomaximuskaisersoze(변동없음) 파이어폭스는 작동되나 익스플로러에서 되지 않는다. 깜빡이는 글씨

document.writeln(name.bold());       // 결과값: ninomaximuskaisersoze
document.writeln(name.italics());    // 결과값: ninomaximuskaisersoze
document.writeln(name.small());     // 결과값: ninomaximuskaisersoze font size=2 보다 작게 나오는듯
document.writeln(name.strike());     // 결과값: ninomaximuskaisersoze
document.writeln(name.sub());       // 결과값: ninomaximuskaisersoze (아래첨자)
document.writeln(name.sup());       // 결과값: ninomaximuskaisersoze(위첨자)
document.writeln(name.charAt(3));  // 결과값: o 시작점이 0, 그 뒤로 3자리, 즉 nin'o' 4번째 글자가 반환된다.
document.writeln(name.charCodeAt(0)); // 결과값: 110 입력값 위치에 있는 ASCII코드값 반환 110은 0의 위치에 있는 n의 ASCII코드값

document.writeln(name.indexOf("kaiser"));   // 결과값: 11 입력값 kaiser가 먼저 정확히 나오는 곳의 시작 위치값 반환 대소문자 구별을 하므로 주의한다.

document.writeln(name.lastIndexOf("o"));    // 결과값: 18 마지막으로 입력값 o가 나오는 곳의 시작 위치값을 반환 대소문자 구별을 하므로 주의한다.

document.writeln(name.link("http://www.naver.com"));    // 결과값: ninomaximuskaisersoze (링크) http://www.naver.com의 링크가 걸린 상태 A태그와 비슷한 기능

document.writeln(name.concat(name1));   // 결과값: ninomaximuskaisersozesonyatoro 입력값(name1)이 호출값(name) 다음에 붙어 반환 입력값의 갯수 제한이 없다.

document.writeln(name.split("i",2));   // 결과값: n,nomax 첫번째 값을 토큰으로 (여긴 i가 기준) 앞에서부터 두번째 값의 횟수만큼 조각내 반환. (여긴 2조각) 갯수보다 적으면 나머지 뒷부분은 버린다.토큰값은 삭제하고 반환

document.writeln(name.slice(3,8));    // 결과값: omaxi 첫번째 값 3번째 위치부터 시작해서 8번째 위치까지 반환양수로 입력한 종료점 위치의 값은 반환이 안 됨
document.writeln(name.slice(8,-8));   // 결과값: muska 앞에서 8번째 위치에서 시작해서 뒤에서 8번째 위치까지 반환

document.writeln(name.substring(17,3));   // 결과값: omaximuskaiser 두 입력값 비교 후 작은 값이 시작점(3), 큰 값이 종료점(17) 시작점부터 종료점 이전까지 반환 음수는 0으로 처리 처음부터 다 나온다

document.writeln(name.substr(3,17));    // 결과값: omaximuskaisersoz  첫번째 입력값의 위치부터 시작해서 두번째 입력값만큼 글자반환 3번째 위치에서 17개의 문자반환

document.writeln(name.match("ma"));   // 결과값: ma 입력값과 같은 값이 있으면 입력값 문자열 출력, 같은 값 아니면 null 반환여러 개의 입력값을 넣으면 가장 앞의 입력값만 비교, 결과 반환
document.writeln(name.match("dine","kaiser","ma"));    // 명령어의 결과값은 null(dine이 null이기 때문)

document.writeln(name.replace("mi","maximum"));  // 결과값: ninomaximuskaisersoze 검사해서 첫번째 입력값과 같은 값이 있으면("mi") 두번째 입력값으로 교체("maximum") 없으면 그냥 그대로 출력

document.writeln(name.search("nomax"));  // 결과값: 2 완전 같은 값의 시작점 위치값을 반환 인자 없으면 null, 빈값("")을 넣어주면 0, 같은 값이 없으면 -1

document.writeln(name.toLowerCase());    // 결과값: ninomaximuskaisersoze
document.writeln(name.toUpperCase());    // 결과값: NINOMAXIMUSKAISERSOZE

 결과 :



출처 ] http://blog.naver.com/myrilke/150022248913

blink 태그는 html 표준에서 사용하지 않도록 권고중..
가급적 css 스타일을 사용하자..(anchor, link 제외)

728x90