빈 문자 접근: 숫자 인덱스와 charAt 방식

  문자열의 각 문자에 접근하는 방법은 charAt과 숫자 인덱스가 있다. 두 방법은 별 차이가 없어 보이지만 빈문자를 접근할 때 차이가 발생한다. 프로그래머스 JadenCase 문제를 풀어보자.

 

JadenCase란 모든 단어의 첫 문자가 대문자이고, 그 외의 알파벳은 소문자인 문자열입니다. 문자열 s가 주어졌을 때, s를 JadenCase로 바꾼 문자열을 리턴하는 함수, solution을 완성해주세요.

"3people unFollowed me" -> "3people Unfollowed Me"

 

const str = " ";
const words = str.toLowerCase().split(' '); //words = ['', ''];

  먼저 문자를 단어별로 분류하기 위해 공백 기준으로 split해보자. 이 때 문자열이 공백문자로 이루어져 있다면 words는 빈 문자열 n+1개(공백의 수)로 이루어진 배열이 할당된다..

 

words.map((word) => {
  if (word === '') return word;
  return word[0].toUpperCase() + word.slice(1, word.length);
});

  분리된 각 문자의 첫번째 문자를 대문자로 바꾸기 위해 toUpperCase()를 사용하였다. 그런데 위의 예시처럼 원본 문자열이 빈 문자열로 되어있어 word가 빈 문자열('')이라면 word[0]는 undefined가 된다. 따라서 word[0].toUpperCase()를 했을 때 'Cannot read property...' 에러가 발생하게 된다. 따라서 이 경우에는 word가 빈 문자열인 경우를 따로 처리해주어야 한다.

 

words.map((word) => {
  return word.charAt(0).toUpperCase() + word.slice(1, word.length);
});

  하지만 word.charAt(0)을 사용하면 따로 처리할 필요가 없다. word.charAt(0)의 결과는 빈 문자열('')이기 때문이다.