String Methods

1. String Methods 문자열 메소드

 

모든 문자열 메소드들은 그 형태가 기본적으로 Immutable 하다. 즉, 원본의 형태가 유지된다는 의미다.

기본적인 문자열 메소드 먼저 알아보자.

• indexOf, lastIndexOf (includes)
  • 문자열의 글자 하나하나에 접근 할 수가 있다. 예를 들어, str[index].
  • 자바스크립트는 첫번째 인덱스가 아닌, '0번째' 인덱스부터 시작한다.
  • indexOf 메소드는 호출한 String 객체에서 주어진 값과 일치하는 첫 번째 인덱스를 반환, 일치하는 값이 없으면 -1을 반환한다.

 

str[i] 으로 글자에 접근 가능하다

str.indexOf('a') 로 문자열 내 해당 문자의 인덱스를 알 수 있다.

•  length
  • str.length 를 통해 문자열의 길이를 구할 수 있다.
  • 예시로, 위 문자열 'hello'의 길이는 5 이다.
  • 이 length 메소드는 배열(Array)의 길이를 구할 때에도 사용된다. 
• split()
  • 일반적으로 빈 공백이나 줄바꿈 등을 기준으로 문자열을 나눌 때 사용한다.

str.split(' ') = 빈 공백으로 문자열 분리하기

• substring / slice
  • 사실 substring 보다는 slice 메소드 사용이 더 많고, 실제로 slice 는 배열에서도 많이 쓰이는 메소드이다.
  • slice(start index, end index) : 시작 인덱스부터 엔드 인덱스까지의 문자열만 짤라오는 방법이다.
• toLowerCase() / toUpperCase()
  • 영문 텍스트를 모두 대문자 혹은 소문자로 바꿀 수가 있다.

아래의 예시 코드를 참고해보자.

소문자 문자열 'hello'가 변수 word에 할당이 되어있다.

해당 변수를 대문자로 바꿔주는 메소드 toUpperCase()를 통해 'HELLO'가 되었다.

이와 반대의 경우가 변수 word2이다.

 

toLowerCase(), toUpperCase()

•  concat
  • 이전 String 관련 포스팅에  word1 + " " + word2 방법처럼 문자열을 합치는 방법도 설명했는데, concat 메소드도 있다.

const num1 = [1, 2, 3];
const num2 = [4, 5, 6];
const num3 = [7, 8, 9];

num1.concat(num2, num3);
// 결과: [1, 2, 3, 4, 5, 6, 7, 8, 9]

 

보다 심화적인 문자열 메소드는 아래와 같다.

• trim
  • str.trim() 메소드는 문자열 양 끝의 공백을 제거해준다.
• match, replace
  
  • match(regexp)와 replace() 메소드는 정규식 개체와 함께 다음에 다시 설명하겠다.