문자열

코드를 작성하다 보면 문자열의 길이, 대소문자 구분 등 문자열을 다루어야하는 상황이 많이 발생하며, 주로 많이 쓰이는 속성과 메소드를 숙지하고 있으면 손쉽게 원하는 형태로 변환할 수 있습니다. 오늘은 자주 사용되는 속성과 메소드에 대해서 정리하고자 합니다.

속성

.length

문자열의 길이를 반환하는 속성이며, 띄어쓰기를 포함합니다.

let name = '홍길동네 집'

console.log(name.length); // 6

메소드

indexOf()

문자열 내에 지정된 요소가 위치하는 첫 번째 인덱스를 반환합니다.

let sample = "행복한 고양이"
  
sample.indexOf('복') // 1
sample.indexOf('고') // 4

split()

지정한 구분자를 이용해 문자열을 나누어 배열로 반환합니다.

let sample = "고양이 한 마리가 소파 위에 있다."

sample.split(' ') // ['고양이', '한', '마리가', '소파', '위에', '있다.']
sample.split('마리가') // ['고양이 한 ', ' 소파 위에 있다.']

substring(), substr(), slice()

substring(), substr(), slice() 모두 문자열을 자르는데 사용하나 사용법이 다릅니다.

str.substr(start idx, 문자열 길이]) 
 // substr은 시작 지점에서 입력된 길이만큼 문자열을 자른다.
str.substring(start idx, end idx)
 // substr은 시작 지점에서 끝 index 전까지의 문자열을 자른다.(마지막 인덱스 미포함)
str.slice(start idx, end idx)
 // substring과 기능은 같으나 index로 음수값 입력이 가능하다.

let sample = "고양이 한 마리가 소파 위에 있다."
  
sample.substr(2) // '이 한 마리가 소파 위에 있다.' 
sample.substr(2,7) // '이 한 마리가'
sample.substring(2) // '이 한 마리가 소파 위에 있다.'
sample.substring(2,7) // '이 한 마'
sample.slice(2) // '이 한 마리가 소파 위에 있다.'
sample.slice(2,7) // '이 한 마'
sample.slice(2,-5) //'이 한 마리가 소파 위'

trim()

문자열의 양옆 공백을 제거하는 기능을 한다. 문자열 사이에 있는 공백은 제거하지 못 합니다.

let sample2 = "   고 양 이    "

sample2.trim() // "고 양 이"

toLowerCase() / toUpperCase

toLowerCase()는 영문 문자열을 소문자로 변환하며, toUpperCase()는 대문자로 만들어 변환합니다.

let eng = 'ABcDeFg'
  
eng.toLowerCase() // 'abcdefg'
eng.toUpperCase() // 'ABCDEFG'