String 객체
표준 빌트인 객체인 String 객체는 생성자 함수 객체다. new 연산자를 통해 호출하면 인수를 전달받아 [[StringData]] 내부 슬롯에 인수를 할당한 String 래퍼 객체를 생성한다.
String 래퍼 객체는 배열과 마찬가지로 length 프로퍼티와 인덱스를 나타내는 숫자 형식의 문자열을 프로퍼티 키로 각 문자를 값으로 갖는 유사 배열 객체이면서 이터러블이다.
문자열은 원시 값이므로 변경할 수 없다.
String 메서드
String 객체의 메서드는 언제나 새로운 문자열을 반환한다. 문자열은 불변한 원시 값이기 때문에 String 래퍼 객체도 읽기 전용 객체로 제공한다.
String.prototype.indexOf
indexOf 메서드는 인수로 전달받은 문자열을 검색하여 첫 번째 인덱스를 반환한다. 검색에 실패할 경우 -1을 반환한다.
1
2
3
4
5
6
7
8
9
10
11
12
13
const str = 'Hello World';
str.indexOf('l'); // 2
str.indexOf('l', 3); // 두 번째 전달한 인수는 검색을 시작할 인덱스를 의미 > 3
if (str.indexOf('Hello') !== -1) {
// str에 'Hello'가 있을 경우를 처리...
}
if (str.includes('Hello')) {
// 위와 동일한 처리가 가능함
}
String.prototype.search
search 메서드는 대상 문자열에서 인수로 전달받은 정규 표현식과 매치하는 문자열을 검색해서 일치하는 문자열의 인덱스를 반환한다. 검색에 실패할 경우 -1을 반환한다.
1
2
3
4
5
6
7
8
const str = 'Hello World';
const regExp = /[l]/g;
str.search(/o/); // 4
str.search(/x/); // -1
str.search(regExp); // 처음 검색된 인덱스를 반환 > 2
String.prototype.includes
includes 메서든는 ES6에서 도입된 메서드로 대상 문자열에 인수로 전달받은 문자열이 포함되었는지 여부를 불리언으로 반환한다.
1
2
3
4
5
6
7
8
9
const str = 'Hello World';
str.includes('Hello'); // true
str.includes(''); // true
str.includes(); // false
str.includes('H', 3); // 3 번째 인덱스부터 검색을 시작 > false
String.prototype.charAt
charAt 메서드는 대상 문자열에서 인수로 전달받은 인덱스에 위치한 검색을 반환한다. 문자열의 범위를 벗어난 인덱스를 전달할 경우 빈 문자열을 반환한다.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
const str = 'Hello';
for(let i=0; i<str.length; i++) {
console.log(str.charAt(i));
// H
// e
// l
// l
// o
}
str.charAt(5); // ''
String.prototype.substring
substring 메서드는 첫 번째 인수로 전달받은 인덱스에 위치하는 문자부터 두 번째 인수로 전달받은 인덱스에 위치한 문자의 바로 이전 문자까지 부분 문자열을 반환한다.
두 번째 인수를 생략할 경우 마지막 문자까지의 부분 문자열을 반환한다.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
const str = 'Hello World';
str.substring(1, 4); // 인덱스 1번부터 인덱스 4번 직전인 인덱스 3번까지의 문자열 > 'ell'
str.substring(1); // 인덱스 1번부터 마지막 문자까지 > 'ello World'
// 첫 번째 인수 > 두 번째 인수인 경우 두 인수는 교환된다.
str.substring(4, 1); // 'ell'
// 인수 < 0 또는 NaN인 경우 0으로 취급된다.
str.substring(-2); // 'Hello World'
// 인수 > 문자열의 길이인 경우 인수는 문자열의 길이로 취급된다.
str.substring(1, 100); // 'ello World'
str.substring(20); // ''
String.prototype.slice
slice 메서드는 substring과 동일하게 동작한다. 단, slice 메서드는 음수인 인수를 전달할 수 있으며, 음수를 전달할 경우 문자열의 가장 뒤에서부터 시작하여 문자열을 잘라 반환한다.
1
2
3
4
5
const str = 'Hello World';
str.slice(-5); // 뒤에서 5자리 > 'World'
String.prototype.trim
trim 메서드는 대상 문자열 앞뒤에 공백 문자를 제거한 후 문자열을 반환한다. 문자열 사이에 있는 공백은 제거하지 않는다.
1
2
3
4
5
const str = ' Hello World ';
str.trim(); // 'Hello World'
String.prototype.replace
replace 메서드는 대상 문자열에서 첫 번째 인수로 전달받은 문자열 또는 정규표현식을 검색하여 두 번째 인수로 전달한 문자열로 치환하여 문자열을 반환한다. 검색된 문자열이 여럿 존재할 경우 첫 번째 검색된 문자열만 치환한다.
검색된 문자열 모두를 검색하려면 정규식을 사용하면 된다.
1
2
3
4
5
6
const str = 'Hello World World';
str.replace('World', 'world'); // 'Hello world World';
str.replace(/World/gi, 'world'); // 'Hello world world';
String.prototype.split
split 메서드는 대상 문자열에서 첫 번째 인수로 전달한 문자열 또는 정규표현식을 섬색하여 문자열을 구분한 후 분리된 각 문자열을 배열로 반환한다. 빈 문자열을 전달할 경우 각 문자를 모두 분리하고, 인수를 생략하면 문자열을 단일 요소로 반환한다.
두 번째 인수는 배열의 길이를 지정할 수 있다. 배열을 길이를 작게 잡으면 길이를 넘어가는 요소는 잘려나간다.
1
2
3
4
5
6
7
8
9
const str = 'AA BB';
str.split(' '); // ["AA", "BB"]
str.split(''); // ["A", "A", " ", "B", "B"]
str.split(); // ["AA BB"]
str.split(' ', 1); // ["AA"]