[Java Script] 문자열 method 총 정리

const str = 'Hello';
document.write(str.toUpperCase());

 

● toUpperCase() , toLowerCase()

const str = 'Hello';
console.log(str.toUpperCase());

console.log(str.toLowerCase());

toUpperCase() : 문자열의 모든 글자를 대문자로 바꾸어준다.

toLowerCase() : 문자열의 모든 글자를 소문자로 바꾸어준다.

 

 

 

● trim(), trimStart(), trimEnd()

const str = '    Hello   ';
console.log(str.trim());  

console.log(str.trimStart());

console.log(str.trimEnd());

trim() :문자열의 앞,뒤 공백을 제거한다.

trimStart() : 문자열 앞의 공백만을 제거한다.

trimEnd() : 문자열의 뒤쪽 공백만을 제거한다.

 

 

 

● repeat()

const str = 'Hello';
console.log(str.repeat(2));

repeat(n) : 문자열을 n번만큼 반복해서 출력한다.

 

 

 

● padStart() , padEnd()

const str = 'Hello';
console.log(str.padStart(10,'_'));
console.log(str.padEnd(10,'_'));

PadStart(n,'문자') : 해당 문자열에 앞쪽부터 특정문자를 추가해서 문자열의 길이가 n이 되게 한다.

padEnd(n,'문자') : 해당 문자열에 뒤쪽부터 특정문자를 추가해서 문자열의 길이가 n이 되게 한다.

 

 

 

● length

const str2 = str.padEnd(10,'_');
console.log(str2.length);

문자열.length : 문자열의 길이를 출력한다.

위의 str.padEnd() 메서드를 이용하여 출력한 글자가 length 메서드로10글자가 맞는지 확인해보았다.

 

 

 

● indexOf()

const str = 'Hello';
console.log(str.indexOf('e'));
console.log(str.indexOf('p'));

indexOf('문자') :  문자열에서 찾고자 하는 문자가 몇번째 인덱스에 있는지 인덱스 번호를 반환해준다.

만약, 찾고자하는 문자가 해당 문자열에 없다면 -1을 반환한다.

 

 

 

● includes()

const str = 'Hello';
console.log(str.includes('e'));
console.log(str.includes('p'));

includes('문자') : 문자열에서 찾고자하는 문자가 존재한다면 true, 없다면 false값을 반환한다. 

 

 

 

● startsWith(), endsWith()

const str = 'Hello';
console.log(str.startsWith('H'));
console.log(str.endsWith('l'));

startsWith('문자') :  문자열의 시작이 해당문자이면 true, 아니면 false 값을 반환한다.
endsWith('문자') : 문자열의 끝이 해당문자이면 true, 아니면 false 값을 반환한다.

 

 

 

● replace() , replaceAll()

const str = 'Hello';
console.log(str.replace('l','r'));
console.log(str.replaceAll('l','r'));

replace('기존문자','원하는 문자') : 문자열에서, 기존문자에서 원하는 문자로 바꾸어준다. 단, 기존문자가 여러개일때는 앞쪽에서 처음 만나는 문자만 바꾸어준다.

replaceAll('기존문자','원하는 문자') : replace()메서드와 달리, 해당하는 기존문자 모두를 원하는 문자로 바꾸어준다.

 

 

 

● substring(), substr()

const str = 'Hello';
console.log(str.substring('1','4'));
console.log(str.substr('1','4'));

substring('시작인덱스', '종료인덱스') :  시작인덱스부터 종료인덱스의 앞 인덱스까지 문자열을 잘라서 반환한다.

substr('시작인덱스', '종료인덱스') : 시작인덱스부터 종료인덱스까지 문자열을 잘라서 반환한다.

 

 

 

● split()

const str = 'Hello';
console.log(str.split(''));

split() : 문자열을 구분자 기준으로 잘라서 각각의 문자를 배열로 반환한다.

 

 

 

● slice()

const str = 'Hello';
console.log(str.slice(2));
console.log(str.slice(2,4));
console.log(str.slice(-1));
console.log(str.slice(-2));

slice(): 

1. slice(인덱스) : 해당 인덱스부터 끝인덱스까지의 문자열을 출력한다.

2. slice(인덱스1, 인덱스2) : 인덱스1부터 인덱스2의 앞 인덱스까지의 문자열을 출력한다.

3. slice(음수) : 문자열의 뒤쪽부터 인덱스를 출력한다. -1 이면 끝인덱스, -2 이면 끝에서부터 두번째 까지의 인덱스이다.