WEB/javaScript

[javaScript/공부] 문자형(String)

ijooha 2024. 12. 13. 19:00

문자형(String) 알아보기

문자형이 뭔지 모르는 사람 클릭🙋

 

 


       Index 

문자형에 들어가는 모든 character에는  순서가 있다. 그걸 인덱스(index)라고 한다.

순서는 0부터 시작한다.

"hello"라는 string(문자형)이 있다고 했을 때, 파란 숫자가 순서다.

불러오는 방법은 > 변수이름[불러오고싶은 순서]

"hello"[0] //"h"

 

 


       속성(Property) 

.length;

example.length

String(문자형)의 길이를 알려준다.

** 인덱스는 0부터 시작하기 때문에, 마지막 글자는 항상 .length -1 이다.

example.length //5

이 경우 마지막 글자인 'o'의 인덱스는 '4'이지만 string의 길이는 '5'임

 

 


       규칙(Methods) 

example.method()

모든 규칙은 위 형태를 띈다.

+ 일시적으로 그렇게 보이는 것일 뿐, 실제 변수가 변한 게 아님. 원하면 적용시킬 수 있음. (변수 = 변수.규칙) 이런식

그리고 규칙들을 연결해서 사용할 수 있다. name.method().method(); 이렇게!

 

.toUpperCase();

.toLowerCase();

대문자/소문자로 변경

"hello".toUpperCase(); //"HELLO"
"HELLO".toLowerCase(); //"hello"

 

.trim();

앞,뒤 여백 삭제

let example = "      hello         "

example.trim(); //"hello"

 

.indexOf(arguments)

arguments > 찾고싶은 요소

문자열에 해당 요소가 어디 있는지 확인할 때 사용, 없으면 -1

"hello".indexOf('he'); //0
"hello".indexOf('lo'); //3
"hello".indexOf('x'); //-1 (not found)

 

.slice(beginIndex[, endIndex]);

beginIndex > 시작 인덱스

endIndex > 끝 인덱스

(대괄호 안에 들어간 부분은 생략 가능하다는 뜻)

시작과 끝 인덱스를 사용해 원하는 만큼 자를 수 있다.

-를 쓰면 반대로 적용되는데, 이때는 1부터 시작한다.

"hello".slice(1); //"ello"
"hello".slice(1,3); //"ell"
"hello".slice(-1); //"o"

 

.replace(from, to);

from > 바꾸고싶은 부분to > 어떻게 바꿀지

대치

"hello".replace('lo', 'icopter'); //"helicopter"

 

.repeat(n);

n > 반복할 수

반복

 

 


 

 

아래 링크로 들어가면 훨씬 많은 규칙 정보들을 더 자세히 확인할 수 있다.

더 많은 methods 알고싶은 사람 클릭🙋