[JavaScript] 문자열 심화

대소문자 변환

toUpperCase()

주어진 문자열을 모두 대문자로 변환한다.

const str = 'hello world';
console.log(str.toUpperCase()); // HELLO WORLD

 

toLowerCase()

주어진 문자열을 모두 소문자로 변환한다.

const str = "HELLO WORLD";
console.log(str.toLowerCase()); // hello world

 

공백 제거

trim()

문자열의 앞쪽과 뒤쪽의 공백을 제거한다.

const str = '   hi   ';
console.log(str.trim()); // hi

 

trimStart(), trimEnd(), trimLeft(), trimRight()를 사용해 앞, 뒤, 왼쪽, 오른쪽 공백만 제거할 수도 있다.

 

새로운 문자열 생성

repeat()

문자열을 주어진 횟수만큼 반복해 이어 붙인 새로운 문자열을 반환한다.

const str = 'hello';

console.log(str.repeat(3)); // hellohellohello
console.log(str); // hello

 

새로운 문자열을 반환한다는 것은, 원본 객체는 변하지 않는다는 것을 의미한다. 이것은 배열과 객체에 메서드를 사용할 때도 동일하다.

 

padStart(), padEnd()

문자열의 시작 또는 끝 부분부터 주어진 문자열을 추가해서 지정한 길이를 만족하는 새로운 문자열을 반환한다.

const str = 'hello';

console.log(str.padStart(10, 'v')); // vvvvvhello
console.log(str.padEnd(10, 'v')); // hellovvvvv

 

문자열 검색

indexOf()

주어진 키워드 값을 문자열에서 검색하여, 일치하는 첫 번째 인덱스를 반환하며, 일치하는 값을 찾지 못한 경우 -1을 반환한다.

const str = '안녕하세요. 저는 개발자 입니다.';

console.log(str.indexOf('개발자')); // 10
console.log(str.indexOf('디자이너')); // -1

 

includes()

주어진 키워드 값을 문자열에서 검색하여, 일치하는 값을 찾은 경우 true, 찾지 못한 경우 false를 반환한다.

const str = '안녕하세요. 저는 개발자 입니다.';

console.log(str.includes('개발자')); // true
console.log(str.includes('디자이너')); // false

 

startsWith(), endsWith()

해당 문자열이 주어진 문자열로 시작 또는 끝나는지 여부를 true, false 값으로 반환한다.

const str = '안녕하세요. 저는 개발자 입니다.';

console.log(str.startsWith('안녕')); // true
console.log(str.endsWith('안녕')); // false

 

문자열 수정

replace()

주어진 패턴과 일치하는 첫 번째 부분을, 주어진 문자열로 교체한 새로운 문자열을 반환한다.

const str = 'what are you doing now?';
console.log(str.replace('you', 'we')); // what are we doing now?

 

replaceAll()

주어진 패턴과 일치하는 모든 부분을 주어진 문자열로 교체한 새로운 문자열을 반환한다.

const str = 'hello hi wow hi hello hi';

console.log(str.replace('hi', 'amazing')); // hello amazing wow hi hello hi
console.log(str.replaceAll('hi', 'amazing')); // hellow amazing wow amazing hello amazing

 

substring()

문자열의 주어진 시작 인덱스부터 주어진 종료 인덱스의 이전 인덱스까지를 새로운 부분 문자열로 반환한다.

const str = 'hello world';

console.log(str.substring(0, 5)); // hello

 

slice()

주어진 인자에 따라 문자열의 일부를 추출해 새로운 문자열로 반환한다.

const str = 'hello world';

console.log(str.slice(5)); // world
console.log(str.slice(2, 7)); // llo w
console.log(str.slice(-3)); // rld
console.log(str.slice(-5, -3)); // wo

 

split()

문자열을 주어진 구분자를 기준으로 자른 뒤, 그 결과를 배열로 반환한다.

const str = 'what are you doing now?';
console.log(str.split(' ')); // {what, are, you, doing, now?}