함수 설명
1) "charAt()" 함수를 사용하는 것은 긴 줄에 서 있는 사람들 중 한 사람을 지목하는 것과 비슷합니다.
각 사람은 특정 위치(번호)에 있고, 당신은 그 번호를 알려주면 해당 사람을 찾을 수 있습니다.
이때 문자열은 사람들의 줄이고, 각 문자는 특정 위치에 있는 사람입니다.
기본 사용법
1) 구문
● 문자열.charAt(위치)
2) 예제
● 만약 당신이 "Hello"라는 단어를 가지고 있고, 이 단어에서 두 번째 문자(‘e’)를 찾고 싶다면,
charAt(1)을 사용합니다(인덱스는 0부터 시작합니다).
매개 변수
1) index (위치)
● 이 숫자는 찾고 싶은 문자의 위치를 나타냅니다.
● 첫 번째 문자는 0, 두 번째 문자는 1의 위치에 있습니다.
2) 예제
● "Hello"에서 'e'는 1의 위치에 있습니다. → "Hello".charAt(1)
반환 값
1) 문자 반환
● 지정된 위치에 있는 문자를 반환합니다.
2) 범위를 벗어난 경우
● 만약 지정된 위치가 문자열의 길이를 넘어가면(즉, 문자가 없는 위치를 가리키면) 빈 문자열을 반환합니다.
사용 예제
let myString = "Happy";
console.log(myString.charAt(0)); // 'H' (첫 번째 문자)
console.log(myString.charAt(2)); // 'p' (세 번째 문자)
console.log(myString.charAt(5)); // '' (문자열 길이를 넘어서는 위치, 여기서는 아무것도 없음)주의할 점
1) 인덱스는 정수여야 함
● 소수점이나 음수를 인덱스로 사용하면 예상치 못한 결과가 나올 수 있습니다. 항상 0 이상의 정수를 사용하세요.
2) 문자열 길이를 고려
● 문자열의 길이보다 큰 인덱스를 사용하면 빈 문자열을 얻게 됩니다. 문자열의 길이를 초과하지 않도록 주의하세요.
실제 사용 사례
1) 이름의 첫 글자 추출
● 사용자의 이름에서 첫 번째 글자를 추출하여 이니셜로 사용할 때
2) 데이터 형식 검증
● 주민등록번호, 전화번호 등 특정 형식을 가진 데이터에서 특정 위치의 문자를 검사할 때 유용합니다.
대체 방법
1) 대괄호 접근법
● `string[index]`를 사용하면 같은 결과를 얻을 수 있습니다. 이 방법은 인덱스가 범위를 벗어나면 `undefined`를 반환합니다.
2) 비교
● `charAt()`은 빈 문자열을 반환하는 반면, 대괄호 접근법은 `undefined`를 반환한다는 차이점이 있습니다.
질문과 실습
1) 학습자들은 "Hello", "World", "JavaScript"와 같은 다양한 문자열에 대해 `charAt()`를 사용해보고,
다른 인덱스 값을 실험해 보시기 바랍니다.
2) 실습을 통해 `charAt()`가 어떤 상황에서 유용할 수 있는지 생각해보고, 자신만의 예제를 만들어 보시기 바랍니다.
'잡동사니 > JavaScript' 카테고리의 다른 글
| [자바 스크립트] substring(indexStart, indexEnd) : 문자열의 특정 부분 추출 (0) | 2024.01.23 |
|---|---|
| [자바 스크립트] split(separator) : 문자열을 지정된 구분자로 나누기 (1) | 2024.01.23 |
| [자바 스크립트] 선택된 라디오 버튼의 값 가져오기 (0) | 2023.12.14 |
| [자바 스크립트] 클래스 (0) | 2020.10.15 |
| [자바 스크립트] arguments 객체 (0) | 2020.10.15 |
