문자열 메소드(String methods) - 자바스크립트 중급 강좌 #6

자바스크립트 중급 강좌 #6 - 문자열 메소드(String methods)

 

', ", `

- html 코드는 ' 를 추천한다. 중간에 큰 따옴표(")가 들어가므로 작은 따옴표(')가 편하다.

- 보통 문자열은 " 를 추천한다. 중간에 작은 따옴표(') 들어가는 경우가 있기 때문에. 

- ' 와 " 는 큰 차이 없다.

- 백틱(`) 이 제일 편하다. ${} 로 감싸주면 변수나 계산식도 넣을 수 있다.

- 백틱은 여러줄 쓸 때 제일 편하다.

- \n 이 필요 없고 마음대로 줄 바꿈해도 된다.

 

문자열 길이 구하기 length

 

문자열의 특정 위치에 접근하기

- 인덱스를 활용하면 된다. 0부터 시작한다.

- 단, 배열처럼 한 글자만 바꾸는 건 안 된다.

 

문자열을 대문자로 바꾸기, 소문자로 바꾸기. toUpperCase() toLowerCase()

 

특정 문자열의 인덱스 찾기. str.indexOf(text)

- 인덱스를 반환한다. 0부터 시작한다.

- 가장 앞에 위치하면 0 을, 없으면 -1을, 중복되면 먼저 나온 것의 인덱스를 반환한다.

- if문을 써서, 문자열에 특정 문자가 포함됐는지 확인하는 상황에서 주의해야 한다.

예문에서 Hi가 가장 앞에 위치하기 때문에 desc.indexOf('Hi') 는 0을 반환하는데,

if 문에서 0 은 false 이기 때문이다. Hi를 포함하는 문장임에도 false 처리돼버린다.

그러므로, 이런 경우엔 항상 -1 보다 큰 지에 대해 if 문을 걸어주어야 한다.

 

- 문자열에 "콜라"가 있으면 "금칙어가 있습니다."를 출력. 없으면 "통과"

- 첫번째 예문은 "통과"돼야 하는데 "금칙어가 있습니다."가 잘못 나온다. indexOf("콜라")가 -1 이고 if 문에서는 true 로 인식하기 때문이다.

- 세번째 예문은 "금칙어가 있습니다."가 나와야 하는데 "통과"가 나온다. indexOf("콜라")가 0이고 if 문에서는 false로 인식하기 때문이다.

 

-그러므로, indexOf("콜라")가 -1 보다 큰 지를 if 문으로 체크해주면 잘 동작한다.

 

문자열에 해당 문자가 있는지 없는지 확인하기. includes()

- 굳이 indexOf 를 사용하지 않고 문자가 존재하는지 확인할 수 있다.

 

문자열 자르기 str.slice(n,m)

- n부터 m까지의 문자열 반환한다.

- m번째 인덱스의 문자는 포함하지 않음 주의!

 

- 인덱스 4부터 끝까지의 문자열만 newList 에 넣은 것이다.

 

문자열 자르기 str.subslice(n,m)

- slice가 n부터 m까지 였다면, substring은 n과 m 사이라고 보면 된다.

- 그래서 앞뒤를 바꿔도 똑같이 동작한다.

 

문자열 자르기 str.substr(n,m)

- n 부터 시작해서 m개를 가져온다.

 

앞 뒤 공백 제거. str.trim()

 

문자열 반복. str.repeat(n)

 

문자열 비교

- 알파벳은 a보다 z가 크다. 대문자보다 소문자가 크다.

- codePointAt() 으로 숫자 코드를 얻을 수 있다.

- 반대로, 숫자코드를 알고 있으면 String.fromCodePoint(숫자 코드) 으로 해당 문자열을 알 수 있다.