- Published on
2024.08.13
[딥다이브] - 32. String
32.1. String 생성자 함수
표준 빝트인 객체인 String 객체는 생성자 함수 객체로 new 연산자와 함께 호출해 String 인스턴스를 생성할 수 있다.
32.2. length 프로퍼티
문자열의 문자 개수를 리턴한다.
String 래퍼 객체는 배열과 마찬가지로 length 프로퍼티를 갖는다. 인덱스를 나타내는 숫자를 프로퍼티 키로, 각 문자를 프로퍼티 값으로 갖는 String 래퍼 객체는 유사 배열 객체다.
32.3. String 메서드
배열과 달리 String 객체에는 원본 String 래퍼 객체를 직접 변경하는 메서드는 존재하지 않는다. String 객체의 메서드는 언제나 새로운 문자열을 리턴한다. 문자열은 변경 불가능한 원시 값이므로 String 래퍼 객체도 읽기 전용 객체로 제공된다.
32.3.1. String.prototype.indexOf
대상 문자열에서 인수로 전달받은 문자열을 검색해 첫 번째 인덱스를 리턴하며, 검색에 실패하면 -1
을 리턴한다.
두 번째 인수로 검색을 시작할 인덱스를 전달할 수 있다.
const str = 'Hello World'
str.indexOf('l') // 2
str.indexOf('l', 3) // 3
32.3.2. String.prototype.search
인수로 전달받은 정규 표현식과 매치하는 문자열을 검색해 일치하는 인덱스를 리턴한다. 검색에 실패하면 -1
을 리턴한다.
32.3.3. String.prototype.includes
ES6에서 도입되었으며, 인수로 전달받은 문자열이 포함되어 있는지 확인하고 결과를 불리언으로 리턴한다. 두 번째 인수로 검색을 시작할 인덱스를 전달할 수 있다.
32.3.4. String.prototype.startsWith
ES6에서 도입되었으며, 인수로 전달받은 문자열로 시작하는지 확인하고 결과를 불리언으로 리턴한다. 두 번째 인수로 검색을 시작할 인덱스를 전달할 수 있다.
32.3.5. String.prototype.endsWith
ES6에서 도입되었으며, 인수로 전달받은 문자열로 끝나는지 확인하고 결과를 불리언으로 리턴한다. 두 번째 인수로 검색할 문자열의 길이를 전달할 수 있다.
32.3.6. String.prototype.charAt
인수로 전달받은 인덱스에 위치한 문자를 리턴한다. 인덱스가 문자열의 범위를 벗어난 정수인 경우 빈 문자열을 리턴한다.
32.3.7. String.prototype.substring
대상 문자열에서 첫 번째 인수로 전달받은 인덱스부터 두 번째 인수로 전달받은 인덱스의 이전 위치까지의 부분 문자열을 리턴한다.
const str = 'Hello World'
str.substring(1, 4) // ell
substring
의 첫 번째 인수는 두 번째 인수보다 작은 정수여야 정상이나, 다음과 같은 상황에도 동작한다.
- 첫 번째 인수 > 두 번째 인수인 경우 두 인수는 교환됨
- 인수 < 0 또는 NaN인 경우 0으로 취급됨
- 인수 > 문자열의 길이인 경우 인수는 문자열의 길이로 취급됨
32.3.8. String.prototype.slice
substring
과 동일하나 slice
는 음수인 인수를 전달할 수 있다. 음수인 인수는 뒤에서부터 센다.
32.3.9. String.prototype.toUpperCase
대상 문자열을 모두 대문자로 변경한 문자열을 리턴한다.
const str = 'Hello World!'
str.toUpperCase() // 'HELLO WORLD!'
32.3.10. String.prototype.toLowerCase
대상 문자열을 모두 소문자로 변경한 문자열을 리턴한다.
const str = 'Hello World!'
str.toLowerCase() // 'hello world!'
32.3.11. String.prototype.trim
문자열 앞뒤에 공백이 있을 경우 제거한 문자열을 리턴한다.
const str = ' foo '
str.trim() // 'foo'
trimStart
, trimEnd
를 사용하면 문자열의 앞 또는 뒤의 공백을 제거한 문자열을 리턴한다.
const str = ' foo '
str.trimStart() // 'foo '
str.trimEnd() // ' foo'
32.3.12. String.prototype.repeat
ES6에서 도입되었으며, 인수로 전달받은 인수만큼 문자열을 반복해 연결한 새로운 문자열을 리턴한다.
인수로 전달받은 정수가 0이면 빈 문자열을 리턴하고, 음수이면 RangeError를 발생시킨다. 인수를 생략하면 기본값 0이 설정된다.
32.3.13. String.prototype.replace
첫 번째 인수로 전달받은 문자열 또는 정규표현식을 검색해 두 번째 인수로 전달한 문자열로 치환한 문자열을 리턴한다.
검색된 문자열이 여럿 존재한다면 첫 번째로 검색된 문자열만 치환한다.
두 번째 인수로 치환 함수를 전달할 수도 있다.
32.3.14. String.prototype.split
첫 번째 인수로 전달한 문자열 또는 정규 표현식을 검색하여 문자열을 분리해 담은 배열을 리턴한다.
빈 문자열을 전달하면 모든 문자를 분리하고, 인수를 생략하면 문자열 전체를 담은 단일 요소 배열을 리턴한다.
두 번째 요소로 배열의 길이를 지정할 수 있다.