[JavaScript] 기초: 문자열 메서드(Method) 정리(indexOf, length 등)

JavaScript와 Java에서 문자열 메서드 쉽게 이해하기

프로그래밍을 처음 시작할 때 문자열 관련 메서드들이 헷갈리기 쉽습니다. 특히 인덱스가 0부터 시작하는지 1부터 시작하는지 혼란스러울 수 있습니다. 저 또한 처음에는 헷갈렸기 때문에 정리해봤습니다 :)

1. length

• 설명: 문자열의 길이를 반환합니다.
• 기준: 1부터 셉니다.

let str = "Hello";
console.log(str.length); // 5

 

- length 프로퍼티는 문자열의 문자 수를 반환합니다. 이는 배열에서도 사용되며, 배열의 요소 수를 반환합니다.

 

2. charAt(n)

• 설명: 주어진 인덱스에 있는 문자를 반환합니다.
• 기준: 0부터 셉니다.

let str = "Hello";
console.log(str.charAt(1)); // 'e'

 

- charAt 메서드는 문자열에서 특정 위치의 문자를 반환합니다. 인덱스는 0부터 시작하므로, charAt(1)은 두 번째 문자를 반환합니다.

 

3. indexOf(substring)

• 설명: 주어진 부분 문자열이 처음 나타나는 위치의 인덱스를 반환합니다.
• 기준: 0부터 셉니다.
• 예시:

let str = "Hello";
console.log(str.indexOf('l')); // 2

 

- indexOf 메서드는 문자열 내에서 특정 문자열이 처음으로 나타나는 위치를 반환합니다. 찾는 문자열이 없으면 -1을 반환합니다.

 

 

4. substring(start, end)

• 설명: 시작 인덱스부터 끝 인덱스 전까지의 부분 문자열을 반환합니다.
• 기준: 0부터 셉니다. 끝 인덱스는 포함되지 않습니다.

let str = "Hello";
console.log(str.substring(1, 4)); // 'ell'

 

- substring 메서드는 문자열의 일부분을 추출하여 새로운 문자열을 반환합니다. 끝 인덱스는 포함되지 않으므로, substring(1, 4)는 인덱스 1부터 3까지의 문자를 반환합니다.

 

추가로 알면 좋은 내용

 

1. slice(start, end)

-  substring과 유사하지만, 음수 인덱스를 지원합니다

let str = "Hello";
console.log(str.slice(-4, -1)); // 'ell'

2. toUpperCase()와 toLowerCase()

-  문자열을 대문자 또는 소문자로 변환합니다.

let str = "Hello";
console.log(str.toUpperCase()); // 'HELLO'
console.log(str.toLowerCase()); // 'hello'

 

3.  trim()

 

- 문자열의 앞뒤 공백을 제거합니다.

let str = "  Hello  ";
console.log(str.trim()); // 'Hello'

 

4. includes(substring)

- 문자열에 특정 문자열이 포함되어 있는지 확인합니다.

let str = "Hello";
console.log(str.includes("ell")); // true

 

복습

• length: 문자열의 길이를 반환하며, 1부터 센다.
• charAt(n): 주어진 인덱스에 있는 문자를 반환하며, 0부터 센다.
• indexOf(substring): 주어진 부분 문자열이 처음 나타나는 위치의 인덱스를 반환하며, 0부터 센다.
• substring(start, end): 시작 인덱스부터 끝 인덱스 전까지의 부분 문자열을 반환하며, 0부터 센다.