[JavaScript] 자바스크립트 String 정리

 

 

문자열의 길이

length 속성은 문자열의 길이를 담고 있다

let str = 'Codeit';
console.log(str.length);

6

 

 

특정 인덱스의 문자 받아오기

str.charAt(index)를 하면 문자열 str의 index 인덱스에 있는 문자를 받아올 수 있다

let str = 'Codeit';
console.log(str.charAt(2));

d

 

 

문자열 안에서 다른 문자열 검색

str.indexOf(searchValue)를 하면 문자열 str 내에 문자열 searchValue가 포함되어 있는지 확인할 수 있다

1. 만약 포함되어 있다면, 문자열이 시작되는 문자의 인덱스가 리턴된다
2. 포함되어 있지 않다면, -1이 리턴된다
3. 여러 번 포함되어 있으면, 처음 발견된 인덱스가 리턴된다

let str = 'Hello World!';

console.log(str.indexOf('e'));
console.log(str.indexOf('z'));
console.log(str.indexOf('ello'));
console.log(str.indexOf('o'));

1
-1
1
4

 

 

마지막 인덱스 찾기

lastIndexOf는 indexOf와 동일한데, 가장 뒤에서 위치한 검색 결과를 찾아준다

예를 들어, 'Hello World!'에는 o가 두번 나온다

이 때 indexOf는 앞에 있는 o를, lastIndexOf는 뒤에 있는 o를 찾아준다.

let str = 'Hello World!';

console.log(str.indexOf('o'));
console.log(str.lastIndexOf('o'));

4
7

 

 

대소문자 변환

대문자로 바꾸기

str.toUpperCase()를 하면 str의 모든 글자가 대문자로 바뀌어서 리턴된다

let str = 'Codeit';
console.log(str.toUpperCase());

CODEIT

 

소문자로 바꾸기

str.toLowerCase()를 하면 str의 모든 글자가 소문자로 바뀌어서 리턴된다

let str = 'Codeit';
console.log(str.toLowerCase());

codeit

 

 

문자열 자르기

시작 지점과 끝 지점으로 자르기

str.substring(indexStart, indexEnd)를 하면 인덱스 indexStart부터 인덱스 indexEnd전까지의 문자열을 잘라서 만든 새로운 문자열이 리턴된다

indexEnd를 쓰지 않을 경우, 인덱스 indexStart부터 끝까지 문자열이 잘린다

let str = 'Hello World!';

console.log(str.substring(2, 5));
console.log(str.substring(2));

llo
llo World!

 

시작 지점과 길이로 자르기

str.substr(start, length)를 하면 인덱스 start부터 길이 length의 문자열이 잘려서 리턴된다

let str = 'Hello World!';

console.log(str.substr(2, 5));

llo W

 

 

앞뒤 공백 없애기

str.trim()을 하면 문자열 str의 앞뒤로 있는 '공백(띄어쓰기, 들여쓰기, 줄바꿈 등)'을 모두 지운 새로운 문자열이 리턴된다

let str = '          Hello World!       ';

console.log(str.trim());

Hello World!

 

 

그 외 참고 링크

▶ 더 알아보기

JavaScript 참고서 - JavaScript | MDN