(JS) charAt() (2019/10/1)

-개념

문자열에서 특정 인덱스 값에 있는 문자를 반환한다. string에서만 사용 가능하다.

String.charAt()

 

 

-사용방법

1. 해당 인덱스 번호에 있는 값 출력하기

const charAt_string = 'charat';

console.log(charAt_string.charAt(1));

// h 출력

charAt_string.charAt(1)

charAt() 함수에 1을 넣어서 인덱스 번호 1번에 해당하는 문자를 출력한다.  charAt()와 비슷한 indecOf()는 찾고 싶은 문자 또는 숫자를 넣어서 해당 인덱스 번호를 출력한다.

 

2. charAt()에 찾고 싶은 문자를 넣었을 경우

const charAt_string = 'charat';

console.log(charAt_string.charAt('r'));

// c 출력

charAt_string.charAt('r')

찾고 싶은 문자 'r'를 넣었지만 에러가 뜨지 않고 문자 'c'를 출력한다. charAt()에 찾고 싶은 다른 문자를 넣어도 문자열의 맨 앞 문자인 'c'를 출력한다. charAt() 함수는 인덱스 번호만 넣을 수 있다.

 

3. 만약, 배열에서 charAt()를 사용하면

const charAt_string = [1,2,3,4];

console.log(charAt_string.charAt(2));

// Uncaught TypeError: charAt_string.charAt is not a function 에러

 

Uncaught TypeError: charAt_string.charAt is not a function

charAt()는 배열에서 사용할 수 없고 문자열에서만 사용 가능하다.

 

4. 없는 인덱스 번호를 넣게 되면

const charAt_string = 'charat';

console.log(charAt_string.charAt(6));

// 빈문자 출력

charAt_string.charAt(6)

변수 charAt_string에는 인덱스 번호가 5번까지 있다. 만약 charAt()에 6을 넣게 되면 없는 인덱스 번호라서 빈 문자를 출력한다.

 

 

-indexOf()와 charAt()의 차이점

1. indexOf()는 문자열, 배열에 사용 가능하지만 charAt()는 문자열에서만 사용 가능하다.

2. charAt()는 인덱스 값을 넣어서 해당 인덱스 번호에 있는 문자를 출력하고 indexOf()는 찾고 싶은 문자 또는 숫자를 입력해서 해당 값이 있는 인덱스 번호를 출력한다.

3. indexOf()는 찾고 싶은 값이 없을 경우 -1을 출력하지만 charAt()는 없는 인덱스 번호 값을 넣게 되면 빈문자를 출력한다.