마크업개발 메모장

String 객체란? 본문

Javascript

String 객체란?

parra 2015. 5. 6. 16:21

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