06. String
01_String
표준 빌트인 객체인 String은 원시 타입인 문자열을 다룰 때 유용한 프로퍼티와 메서드를 제공한다.
String은 생성자 함수 객체다. new 연산자와 함께 호출하여 String 인스턴스를 생성한다. ``` const obj = new String(); console.log(obj); // 인수 전달하지 않으면 빈 문자열을 할당한 객체 생성
const obj2 = new String('홍길동');
console.log(obj2); // 인수로 문자열 전달 시 전달 받은 문자열 할당
<br>
String은 length 프로퍼티(문자열의 문자 개수)와
인덱스를 나타내는 숫자 형식의 문자열을 프로퍼티 키로, 각 문자를 프로퍼티 값으로 가진다.console.log(obj2.length);
console.log(obj2[0]);
// 단, 문자열은 원시 값이므로 변경 불가
obj2[0] = '김'; // 에러는 발생하지 않음
console.log(obj2);
// 문자열이 아닌 값을 인수로 전달했을 경우 문자열로 강제 변환된다
const obj3 = new String(100);
const obj4 = new String(null);
console.log(obj3[0]);
console.log(obj4[0]);
// new 연산자를 사용하지 않고 호출하면 String 인스턴스가 아닌 문자열을 반환하므로
// 명시적 타입 형변환에 활용 가능 (02_variable > 04_explicit-coercion > 01_convert-to-string)
<br><br><br>
### 02_String-method
문자열은 변경 불가능한 원시 값이기 때문에 String 래퍼 객체도 읽기 전용 객체로 제공된다.const obj = new String('홍길동');
console.log(Object.getOwnPropertyDescriptors(obj)); // writable : false
<br>
String 객체의 모든 메서드는 String 래퍼 객체를 직접 변경할 수 없고,
String 객체의 메서드는 언제나 새로운 문자열을 생성하여 반환한다.
<br>
String.prototype.`indexOf`const str = 'JavaScript';
console.log(str.indexOf('a')); // 문자열에서 a 검색하여 첫번째 인덱스 반환
console.log(str.indexOf('b')); // 검색에 실패하면 -1 반환
console.log(str.indexOf('a', 2)); // 검색 시작 인덱스 지정
// 특정 문자열 존재 유무 확인에 사용
if(str.indexOf('a') !== -1) console.log('a가 있다');
console.log('--------------------------------');
<br>
String.prototype.`includes`console.log(str.includes('a')); // 문자열에서 a 검색하여 포함 여부 반환
console.log(str.includes('b')); // 검색에 실패하면 false 반환
console.log(str.includes('a', 2)); // 검색 시작 인덱스 지정
// 특정 문자열 존재 유무 확인에 사용
if(str.includes('a')) console.log('a가 있다');
<br>
String.prototype.`search`
: 인수로 전달 받은 정규 표현식과 매치하는 문자열을 검색하여 일치하는 문자열의 인덱스를 반환console.log(str.search(/a/));
console.log(str.search(/b/)); // 검색에 실패하면 -1 반환
console.log('--------------------------------');
<br>
String.prototype.`startsWith`
String.prototype.`endsWith`console.log(str.startsWith('Ja'));
console.log(str.startsWith('va', 2)); // 검색 시작 인덱스 지정
console.log(str.endsWith('pt'));
console.log(str.endsWith('va', 4)); // 'Java'가 va로 끝나는지
<br>
String.prototype.`charAt` : 인덱스에 위치한 문자 검색하여 반환for(let i = 0; i < str.length; i++)
console.log(str.charAt(i));
console.log('--------------------------------');
<br>
String.prototype.`substring` : 부분 문자열 반환console.log(str.substring(1,4)); // 두번째 인덱스 위치 바로 이전 문자까지
console.log(str.substring(1)); // 두번째 인수 생략 시 문자열 끝까지
console.log(str.substring(4,1)); // 인수 교환하여 기능
console.log(str.substring(-1)); // 음수는 0으로 취급
console.log(str.substring(1,20)); // length보다 크면 length로 취급
<br>
String.prototype.`slice`
: substring과 동일하게 동작하지만 음수인 인수를 전달하면 가장 뒤에서부터 시작하여 잘라내 반환console.log(str.slice(1,4)); // substring 동일
console.log(str.slice(1)); // substring 동일
console.log(str.slice(4,1)); // 인수 교환하여 기능하지 않음
console.log(str.slice(-1)); // 음수는 뒤에서부터
console.log(str.slice(1,20)); // substring 동일
<br>
String.prototype.`toUpperCase`
String.prototype.`toLowerCase`console.log(str.toUpperCase());
console.log(str.toLowerCase());
<br>
String.prototype.`trim `
: 문자열 앞뒤 공백 문자 제거 후 반환const str2 = ' JavaScript ';
console.log(str2.trim());
console.log('--------------------------------');
<br>
String.prototype.`repeat`
: 전달받은 정수만큼 반복해 연결한 새로운 문자열을 반환console.log(str.repeat()); // 빈 문자열
console.log(str.repeat(0)); // 빈 문자열
console.log(str.repeat(1));
console.log(str.repeat(2));
console.log(str.repeat(2.5)); // 실수는 정수로 처리
// console.log(str.repeat(-1)); // 음수는 에러 RangeError: Invalid count value
<br>
String.prototype.`replace`
: 첫번째 인수로 전달 받은 문자열 또는 정규표현식을 검색하여 두번째 인수로 전달한 문자열로 치환한 문자열 반환console.log(str.replace('Java', 'Type'));
console.log(str.replace('a', 'b')); // 검색 된 문자열이 여럿 존재할 경우 첫번째로 검색된 문자열만 치환
console.log(str.replace(/j/i,'Z')); // 첫번째 인수로 정규표현식 전달
<br>
String.prototype.`split`
: 첫번째 인수로 전달한 문자열 또는 정규식을 검색하여 문자열을 구분한 후 분리 된 각 문자열로 이루어진 배열 반환const str3 = 'Hello, Everyone! Nice to see you again.';
console.log(str3.split(' ')); // 공백을 구분하여 배열로 반환
console.log(str3.split('')); // 인수로 빈 문자열을 전달하면 각 문자를 모두 분리
console.log(str3.split()); // 인수를 생략하면 문자열 전체를 단일 요소로 하는 배열 반환
console.log(str3.split(' ', 5)); // 두번째 인수로 배열의 길이 지정
