FRONTEND/JavaScript

문자열 다루기

MarkLEE 2021. 4. 12. 08:35

문자열은 ' ' 와 같은 표시안에 들어와 있는 객체를 의미한다. 

 

예를들어, 'coding'과 '249595'는 모두 같은 string, 객체이다. 

 

이러한 string에 쓸 수 있는 다양한 메소드가 있는데 그 중 몇가지에 대해 학습해보고자 한다. 

 

<문자열 길이 찾기 = str.length>

let str = 'everyday coding';

str.length;

->15

 

<특정 순서에 있는 문자열 찾기 = str[0]>

let str = 'everyday coding';

str[0] = 'e'

 

<대소문자변경 = toUpperCase()   // toLowerCase()>

let str = 'everyday coding';

str.toUpperCase();
"EVERYDAY CODING"

 

<문자열 일부를 추출하여 변환하기 = str.slice()>

slice는 약간 헷갈릴 수 있는 부분이다. 

크게 2가지 방법으로 사용할수 있는데 

 

1)구간을 정하여 추출.

이는 str.slice(x,y); 형식으로 이루어진다. 

예를 들어,

let str = 'everyday coding';

str.slice(2,4);라고 하게 되면 

"er" 이 추출되게 된다.

(2번째 인덱스부터 4번째 인덱스까지 총 3개가 추출될것 같지만, 그렇지 않고 마지막 4번째 인덱스는 빠지는 것에 주의하자.)

 

 

2)특정 숫자이후의 문자열을 추출하는 방법

let str = 'everyday coding';

str.slice(3); 이라고 하게 된다면, 

"ryday coding" 이 추출되게 된다. 

(역시나, 3번째인덱스 까지를 제외한 나머지 인덱스가 추출될것 같지만, 3번째 인덱스를 포함한 인덱스가 추출된다는 것에 주의하자.)

 

이러한 slice에는 음수도 사용이 가능한데, 음수를 이용하게 되면 

문자열의 마지막 글자를 제거하는것에도 응용이 가능하다. 

let str = 'everyday coding';

str.slice(0,-1) 을 하게 되면 마지막글자인 'g' 를 제외한  "everyday codin"이 추출되게 된다.