일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- Today
- Total
- Date 객체
- 속성 scale
- html br
- CSS3 효과
- ie7 inline
- 속성 ease
- String 객체
- transform 전환효과
- 코딩 예제
- css로 줌인 효과 주기
- 레이아웃 잡기
- Math 객체
- ie7 핵
- Object 객체
- Number 객체
- transform 효과
- CSS
- zoom:1
- 모던 웹을 위한 JavaScript + jQuery 입문
- display:inline-block
- zoomin 효과
- CSS 효과주기
- float 깨짐
- footer 고정
- css 줄바꿈
- html 줄바꿈
- 한빛미디어
- Array 객체
- css3
- HTML
마크업개발 메모장
String 객체란? 본문
String 객체란?
String 객체는 자바스크립트에서 가장 많이 사용하는 내장 객체이다. String 객체 역시 두 가지 방법을 사용해 생성한다.
<script> // 변수 선언 var stringFromLiteral = 'Hello World..!'; var stringFromConstructor = new String('Hello World..!'); // 변수 자료형 출력 var output = ''; output += typeof (stringFromLiteral) + '\n'; output += typeof (stringFromConstructor); alert(output); </script> |
String 객체는 length 속성을 갖는다.
속성 이름 | 설명 |
length | 문자열의 길이를 나타냅니다. |
글자 수를 이용하는 프로그램에서 상당히 많이 사용된다.
<script> // 변수 선언 var characters = prompt('사용할 비밀번호를 입력해주세요.', '6글자 이상'); // 출력 if (characters.length < 6) { alert('6글자 이상으로 입력하세요.'); } else { alert('잘했어요!'); } </script> |
String 객체의 속성은 하나밖에 없지만 메서드는 굉장히 많다.
String 객체의 메서드는 크게 기본 메서드와 HTML 관련 메서드로 구분된다. 먼저 기본 메서드부터 살펴보면,
String 객체의 기본 메서드는 아래에 정리했다.
메서드 이름 | 설명 |
charAt(position) | * position에 위치한 문자를 리턴합니다. |
charCodeAt(position) | * position에 위치한 문자의 유니코드 번호를 리턴합니다. |
concat(string,...,string) | * 매개 변수로 입력한 문자열을 이어 리턴합니다. |
fromCharCode() | 유니코드값을 문자로 변환합니다. |
indexOf(searchString,position) | * 앞에서부터 일치하는 문자열의 위치를 리턴합니다. |
lastIndexOf(searchString,position) | * 뒤에서부터 일치하는 문자열의 위치를 리턴합니다. |
match(regExp) | 문자열 내에 regExp가 있는지 확인합니다. |
replace(regExp,replacement) | * regExp를 replacement로 바꾼 뒤 리턴합니다. |
search(regExp) | * regExp와 일치하는 문자열의 위치를 리턴합니다. |
slice(start,end) | * 특정 위치의 문자열을 추출해 리턴합니다. |
split(separator,limit) | * separator로 문자열을 잘라 배열을 리턴합니다. |
substr(start,count) | * start로부터 count만큼 문자열을 잘라서 리턴합니다. |
substring(start,end) | * start부터 end까지 문자열을 잘짜서 리턴합니다. |
toLowerCase() | * 문자열을 소문자로 바꿔 리턴합니다. |
toUpperCase() | * 문자열을 대문자로 바꿔 리턴합니다. |
trim() | 문자열의 양쪽 끝에서 공백을 제거합니다. |
valueOf() | String객체의 값을 반환합니다. |
Array 객체의 메서드와 이름이 비슷하지만, 리턴과 관련된 내용이 다르므로 리턴하는 것을 특별히 * 표시로 구분 했다.
String 객체의 메서드는 자기 자신을 변환시키지 않고 리턴한다.
<script> // 변수 선언 var string = 'abcdefg'; // 출력 string.toUpperCase(); alert(string); </script> |
문자열을 대문자로 변화시키고 싶으면 다음 코드처럼 리턴값을 사용하면 된다.
<script> // 변수 선언 var string = 'abcdefg'; // 출력 string = string.toUpperCase(); alert(string); </script> |
String 객체는 다음과 같은 HTML 관련 메서드도 갖는다.
메서드 이름 | 설명 |
anchor() | a 태그로 문자열을 감싸 리턴합니다. |
big() | big 태그로 문자열을 감싸 리턴합니다. |
blink() | blink 태그로 문자열을 감싸 리턴합니다. |
bold() | b 태그로 문자열을 감싸 리턴합니다. |
fixed() | tt 태그로 문자열을 감싸 리턴합니다. |
fontcolor(colorString) | font 태그로 문자열을 감싸고 color 속성을 주어 리턴합니다. |
fontsize(fontSize) | font 태그로 문자열을 감싸고 size 속성을 주어 리턴합니다. |
italics() | I 태그로 문자열을 감싸 리턴합니다. |
link(linkRef) | a 태그로 href 속성을 지정해 리턴합니다. |
small() | small 태그로 문자열을 감싸 리턴합니다. |
strike() | strike 태그로 문자열을 감싸 리턴합니다. |
sub() | sub 태그로 문자열을 감싸 리턴합니다. |
sup() | sup 태그로 문자열을 감싸 리턴합니다. |
실제로 현대 웹에서는 HTML관련 메서드를 사용하지 않으니 관련 예제는 생략하고 저런게 있구나 정도면 인지해야겠다.
그리고 String 객체의 메서드는 자기 자신을 변화시키지 않고 리턴한다는 점을 꼭 기억해야한다!
'Javascript' 카테고리의 다른 글
Math 객체란? (0) | 2015.05.09 |
---|---|
Date 객체란? (0) | 2015.05.07 |
Array 객체란? (0) | 2015.05.06 |
Number 객체란? (0) | 2015.05.06 |
Object 객체란? (0) | 2015.04.30 |