자바스크립트에서 문자열의 첫번째 문자를 가져오는 방법을 소개합니다.
1. charAt()으로 첫번째 문자 가져오기
charAt(Index)는 Index의 문자를 가져옵니다. 문자열의 첫번째 Index는 0이기 때문에 charAt(0)으로 첫번째 문자를 가져올 수 있습니다.
const str = 'Hello, World, JavaScript';
const last = str.charAt(0);
console.log(last);   // H2. Index로 첫번째 문자 가져오기
charAt(Index)처럼 아래와 같이 [Index]로 특정 Index의 문자를 가져올 수 있습니다. str[0]처럼 문자열의 첫번째 문자를 가져올 수 있습니다.
const str = 'Hello, World, JavaScript';
const last = str[0];
console.log(last);   // H3. slice()로 첫번째 문자 가져오기
slice()는 문자열을 자르는 함수입니다. slice(start, end)는 start index를 포함하고 end index를 포함하지 않는 연속된 문자열을 잘라서 리턴합니다.
아래 예제에서 slice(0, 1)은 문자열의 Index 0의 문자를 포함하고 Index 1의 문자를 포함하지 않는 문자열, 즉 H 1개 문자를 리턴합니다.
const str = 'Hello, World, JavaScript';
const last = str.slice(0, 1);
console.log(last);   // H4. substr()으로 첫번째 문자 가져오기
substr()도 slice()와 비슷하게 문자열을 자르는 함수입니다.
아래 예제에서 substr(0, 1)은 문자열의 Index 0의 문자를 포함하고 Index 1의 문자를 포함하지 않는 문자열, 즉 H를 리턴합니다.
const str = 'Hello, World, JavaScript';
const last = str.substr(0, 1);
console.log(last);   // Hsubstr()과 slice()에 대한 자세한 설명은 JavaScript - 문자열 자르기 (split, substr, substring, slice)를 참고해주세요.
Loading script...
Related Posts
- ESLint warning, Expected '===' and instead saw '==' eqeqeq
 - Javascript - 현재 날짜/시간을 항상 한국 기준으로 가져오기
 - Javascript - 문자열 사이에 문자 넣기
 - Javascript - 버튼 활성화/비활성화 시키는 방법
 - Javascript - 버튼 이름 변경하기
 - Javascript - div 안의 내용 가져오기, 변경, 추가, 삭제
 - Javascript - <ol>, <ul>에 <li> 동적 추가, 삭제
 - Javascript - div 생성, 추가, 삭제 방법
 - Javascript - 테이블 행(tr) 숨기기, 보이기
 - Javascript - div에 링크 거는 방법
 - Javascript - 자식 요소(element) 개수 확인
 - Javascript - 요소(element) 복사, 붙여넣기
 - Javascript - div에 클릭 이벤트(onclick) 설정 방법
 - Javascript - 체크박스 선택/해제 시, 텍스트박스 활성화/비활성화
 - Javascript - input 숫자만 입력받도록 설정
 - Javascript - 자식 노드 모두 제거
 - Javascript - 체크박스 선택, 해제 방법
 - Javascript - input text 값 가져오기
 - JavaScript - 문자열을 배열(Array)로 변환
 - JavaScript - 특정 문자열의 포함 여부 확인 (includes, 정규표현식)
 - JavaScript - 문자열 비교 방법, 5가지
 - JavaScript - 문자열 바꾸기(replace, 정규식 치환)
 - JavaScript - 배열 전체 출력 (for, forEach, for in, for of)
 - JavaScript - 한번만 실행되는 함수 (once: true)
 - JavaScript - 선택된 checkbox 값 가져오기
 - JavaScript - div, 태그 안의 내용 가져오기
 - JavaScript - element(버튼, div) 보이기 숨기기
 - JavaScript - 숫자를 배열로 변경하는 방법
 - JavaScript - 부모, 형제, 자식 element 찾기
 - JavaScript - 클래스 이름으로 element 찾는 방법
 - JavaScript Array find() 함수
 - JavaScript Array splice() 함수
 - JavaScript의 contains() 함수
 - JavaScript sort() 함수, 예제 소개
 - JavaScript - Set 생성 및 초기화