문자열을 camelCased 문자열로 변환

숙제를 하다가 신나는 운동을 만났습니다. 목표는 "4 빼기 6 추가"와 같은 단어를 카멜 표기 "addFourSubtractSix"로 변경하는 함수를 작성하는 것이었습니다.

즉, 모든 공백을 제거하고 첫 번째 단어를 제외한 각 단어가 대문자가 됩니다.

아래에서 문제를 해결한 방법을 단계별로 설명하겠습니다.

기능 시작

여기서 우리는 문자열 유형의 *str *이라는 매개변수를 받아들이는 *camelize *라는 함수를 만들 것입니다.

function camelize(str) {
//function body
}

메서드가 적용된 문자열을 반환합니다.

return str

우리는 이미 함수의 결과를 즉시 원하기 때문에 return 문으로 시작합니다.

문자열을 배열로 분할

문자열(str)에서 split() 메서드를 호출합니다. 먼저 공백('') 문자를 기준으로 문자열을 분할하겠습니다. 여기서 공백 문자는 분할자 또는 분할자 역할을 합니다.

.split(' ')

Be aware that if you don't add a space between the quotes, it will split the string by each character and return an array containing each character as an element.

배열에 있는 각 단어의 첫 글자를 대문자로 표시(첫 글자 제외)

배열에서 각 단어의 첫 글자를 대문자로 표시하려면:

map() 메서드를 사용하여 각 배열 요소를 반복합니다.

함수 화살표의 본문에는 요소가 인덱스 0(첫 번째 단어)인지 여부를 평가하는 삼항 연산자가 있습니다.

첫 단어라면 그대로 두십시오.

그렇지 않은 경우 단어의 첫 번째 문자(word[0])를 대문자로 표시하고 나머지 문자(slice(1))를 연결합니다.

각 반복에서 단어의 첫 번째 문자에 toUpperCase() 메서드를 사용하고 나머지를 연결합니다.

map 메서드는 모든 단어가 대문자인 새 배열을 반환합니다(첫 번째 단어 제외).

.map(
    (word, index) => index == 0 ? word: word[0].toUpperCase() + word.slice(1)
      )

배열을 다시 문자열로 변환

string.join(") 호출은 글루로 결합된 배열 요소가 있는 문자열을 생성합니다. 이 경우 글루는 문자 사이에 공백이 없습니다.

.join('');

함수 호출

console.log(camelize("background color green blue"))

결과를 테스트하기 위해 console.log()를 사용합니다. 그렇지 않으면 기능이 작동하는지 여부를 확인할 수 없습니다.

함수를 호출하려면 이름으로 직접 호출한 다음 매개변수 값을 인수로 전달합니다.

전체 답변은 다음과 같습니다.

function camelize(str) {
    return str
      .split(' ')
      .map((word, index) => index == 0 ? word: word[0].toUpperCase() + word.slice(1)
      )
      .join(''); 

  }

  console.log(camelize("background color green blue"))

드디어!

Javascript에서 문자열을 camelCase로 변환하여 첫 번째 단어를 제외한 문자열의 모든 단어를 대문자로 바꾸는 재사용 가능한 함수를 만들었습니다.

이 기사가 마음에 들면 Dev.to에서 저를 팔로우하여 제 최신 기사를 확인하세요. 나는 매일 내 여정을 트위터에 이쪽으로, 그리고 이것은 내 채널입니다 :)