<aside> 🔤
→ 표준 빌트인 객체 String 객체는 생성자 함수 객체다.
const strObj = new String();
console.log(strObj); // String {length:0, [[PrimitiveValue]]:""}
// 1) new 없이 호출 → 원시 문자열 반환
console.log(String()); // ""
// 2) new와 함께 호출 → String 객체(래퍼 객체) 반환
console.log(new String()); // String {""}
→ String 생성자 함수의 인수로 문자열을 전달하면서 new 연산자와 호출하면?
const strObj = new String('Lee');
console.log(strObj);
// String {0:'L', 1:'e', 2:'e', length: 3, [[PrimitiveValue]]:"Lee"}
// 배열과 유사하게 인덱스를 사용하여 문자에 접근하기
console.log(str[0]); // L
// 문자열은 원시 값이므로 변경할 수 없다. 에러는 발생 x
strObj[0] = 'S';
console.log(strObj); // 'Lee'
// 인수로 문자열 값이 아닌 값을 전달하면? → 강제변환 후 할당한다.
strObj = new String(null);
console.log(strObj);
// String {0:'n', 1:'u', 2:'l' 3:'l', length: 4, [[PrimitiveValue]]:"null"}
// new 없이 호출 → 원시 문자열 반환 + 타입 변환
String(NaN); // -> "NaN"
String(true); // -> "true"
</aside>
<aside> 🔤
→ length 프로퍼티는 문자열의 문자 개수를 반환한다.
"hello".length; // -> 5
"안녕하세요!".length; // -> 6
</aside>
<aside> 🔤
→ 배열에는 두가지 방식의 메서드가 있다.
→ String 객체에는 원본 String 래퍼 객체를 직접 변경하는 메서드는 존재하지 않는다.
const strObj = new String('Lee');
console.log(Object.getOwnPropertyDescriptors(strObj));
// String 래퍼 객체는 읽기 전용 객체다.
{
"0": {value: 'L', writable: false, enumerable: true, configurable: false },
"1": {value: 'e', writable: false, enumerable: true, configurable: false },
"2": {value: 'e', writable: false, enumerable: true, configurable: false },
length: {value: 3, writable: false, enumerable: false, configurable: false },
}
// 읽기 전용이 아니게 된다면, 키 무결성이 무너지게 된다.
</aside>
<aside> 🔤
→ indexOf 메서드는 대상 문자열에서 인수로 전달받은 문자열을 검색하여 첫 번째 인덱스를 반환한다.
const str = 'Hello World';
// 문자열 str에서 "l"을 검색하여 첫 번째 인덱스를 반환한다.
str.indexOf('l'); // -> 2
// 문자열 str에서 'or'를 검색하여 첫 번째 인덱스를 반환한다.
str.indexOf('or'); // -> 7
// 문자열 str에서 'x'를 검색하여 첫 번째 인덱스를 반환한다. 검색에 실패 시 -1
str.indexOf('x'); // -> -1
// 문자열 str의 인덱스 3부터 'l'을 검색하여 첫 번째 인덱스를 반환한다.
str.indexOf('l', 3); // -> 3
// Hello가 포함되어 있는지 확인.
if (str.indexOf('Hello') !== -1) {
// 문자열 str에 'Hello'가 포함되어 있는 경우에 처리할 내용
}
if (str.includes('Hello')) {
// 문자열 str에 'Hello'가 포함되어 있는 경우에 처리할 내용
}
</aside>
<aside> 🔤
→ search 메서드는 대상 문자열에서 인수로 전달받은 정규 표현식과 매치하는 문자열을 검색하여 일치하는 문자열의 인덱스를 반환한다.
const str = 'Hello World';
// 문자열 str에서 정규 표현식과 매치하는 문자열을 검색하여
// 일치하는 문자열의 인덱스를 반환한다.
str.search(/o/); // -> 4
str.search(/x/); // -> -1
</aside>
<aside> 🔤
→ ES6에서 도입된 includes 메서드는 대상 문자열에 인수로 전달받은 문자열이 포함되어 있는지 확인하여 결과를 true 또는 false를 반환한다.
const str = 'Hello World';
str.includes('Hello'); // -> true
str.includes(''); // -> true
str.includes('x'); // -> false
str.includes(); // -> false -> 이것은 includes(undefined) 와 같음
// 인덱스 3부터 포함되어 있는지 확인
str.includes('l', 3); // -> true
str.includes('H', 3); // -> false
</aside>
<aside> 🔤
→ ES6에서 도입된 startsWith메서드는 대상 문자열이 인수로 전달받은 문자열로 시작하는지 확인하여 결과를 true 또는 false로 반환한다.
const str = 'Hello World';
// 문자열 str이 'He'로 시작하는지 확인
str.startsWith('He'); // -> true
// 문자열 str이 'x'로 시작하는지 확인
str.startsWith('x'); // -> false
</aside>
<aside> 🔤
→ ES6에서 도입된 endsWith 메서드는 대상 문자열이 인수로 전달받은 문자열로 끝나는지 확인하여 결과를 true 또는 false로 반환한다.
const str = 'Hello world';
// 문자열 str이 'ld'로 끝나는지 확인
str.endsWith('ld'); // -> true
// 문자열 str이 'x'로 끝나는지 확인
str.endsWith('x'); // -> false
// 문자열 str의 처음부터 5자리까지('Hello')가 'lo'로 끝나는지 확인
str.endsWith('lo', 5); // -> true
</aside>
<aside> 🔤
→ charAt 메서드는 대상 문자열에서 인수로 전달받은 인덱스에 위치한 문자를 검색하여 반환한다.
const str = 'Hello';
for (let i = 0; i < str.length; i++) {
console.log(str.charAt(i)); // H e l l o
}
// 인덱스가 문자열의 범위 (0 ~ str.length-1)를 벗어난 경우 빈 문자열을 반환
// str[5]는 undefined를 반환함
str.charAt(5); // -> ''
</aside>
<aside> 🔤
→ substring 메서드는 대상 문자열에서 첫 번째 인수로 전달받은 인덱스에 위치하는 문자부터 두 번째 인수로 전달받은 인덱스에 위치하는 문자의 바로 이전 문자까지의 부분 문자열을 반환한다.
const str= 'Hello World';
// 인덱스 1부터 4이전까지의 부분 문자열을 반환한다.
str.substring(1, 4); // -> ell
// 인덱스 1부터 마지막 문자까지 부분 문자열을 반환한다.
str.**substring(1); // -> 'ello World';
//** 첫 번째 인수 > 두 번째 인수 인 경우 두 인수는 교환된다.
str.substring(4, 1); // -> 'ell'
// 인수 < 0 또는 NaN인 경우 0으로 취급 된다.
str.substring(-2); // -> 'Hello World'
// 인수 > 문자열의 길이(str.length)일 경우 인수는 문자열의 길이로 취급이다.
str.substring(1, 100); // -> 'ello World'
str.substring(20); // -> ''
// indexOf를 함께 사용하여 앞에 문자열 취득
str.substring(0, str.indexOf(' ')); // -> 'Hello' 0 ~ 5
// indexOf를 함께 사용하여 뒤에 문자열 취득
str.substring(str.indexOf(' ') + 1, str.length); // -> 'World' 6 ~ 끝
</aside>