[Level up] 데이터(1) - 문자

01.String.prototype.indexOf();

• String 전역 객체는 문자열의 생성자 함수입니다.
• 주어진 값과 일치하는 첫 번째 인덱스를 반환합니다.
• 일치하는 값이 없으면 -1을 반환합니다.

const result = 'Hello world!'.indexOf('wrold');
console.log(result); // 6, world가 6번째에 있다는 의미 (zero index)

// indexOf()와 비교연산자를 사용하여 문자열 포함 여부를 boolean 데이터로 표현 가능
const str = 'Hello world';
console.log(str.indexOf('HEROPY') !== -1); // false, "HEROPY"와 일치하는 값이 없음

02.String.prototype.length();

• length 속성은 UTF-16 코드 유닛을 기준으로 문자열의 길이를 나타냅니다.

const str = '0123'

console.log(str.length); // 4
console.log('0123'.length) // 4

---

03.String.prototype.slice();

• slice(); 메소드는 문자열의 일부를 추출하면서 새로운 문자열을 반환합니다.

const str = 'Hello world';

console.log(str.slice(0,3)); // Hel, 0번째인 H부터 3번째 직전까지인 Hel까지 반환
console.log(str.slice(6, 11)) // world, 6번째인 w부터 11번째 직전까지인 world까지 반환

04.String.prototype.replace();

• replace(); 메소드는 어떤 패턴에 일치하는 일부 또는 모든 부분이 교체된 새로운 문자열을 반환합니다.

const str = 'Hello world!';

console.log(str.replace('world!', "HEROPY")); // Hello HEROPY
console.log(str.replace(' world!', '')) // Hello

05.String.prototype.match();

• match(); 메소드는 문자열에서 정규표현식을 이용하여 특정한 문자를 match하여 배열데이터로 반환합니다.

const str = 'wlsdnjs156@naver.com' 
// wlsdnjs156", index: 0, input: "wlsdnjs156@naver.com", groups: undefined

// 골뱅이 기호를 기준으로 앞쪽에 있는 내용을 모두 추출하는 정규 표현식 
console.log(str.match(/.+(?=@)/)[0]); // wlsdnjs156, 정규표현식과 배열을 통해 match() 실행

• 정규표현식 /.+(?=@)/
• (?=@) '골뱅이 기호를 기준으로 앞쪽 내용 일치'를 의미
• .+ '.(한 글자) 중에 최대한 많이 일치'를 의미

06.String.prototype.trim();

• trim(); 메소드는 문자열 양 끝의 공백을 제거한 문자열 반환합니다.

const str = '  Hello world  '

console.log(str.trim()); // Hello world