JavaScript Camelcase 변환 방법 | 자바스크립트 튜토리얼

소개

이 랩에서는 JavaScript 를 사용하여 문자열을 camelCase 로 변환하는 방법을 배우겠습니다. CamelCase 는 프로그래밍에서 사용되는 명명 규칙으로, 여러 단어로 구성된 식별자를 첫 번째 단어를 제외한 각 단어가 대문자로 시작하고 단어 사이에 공백이나 밑줄 없이 작성하는 방식입니다. 이 랩에서 제공되는 toCamelCase() 함수는 정규 표현식과 배열 메서드를 사용하여 문자열을 camelCase 로 변환합니다.

이것은 가이드 실험입니다. 학습과 실습을 돕기 위한 단계별 지침을 제공합니다.각 단계를 완료하고 실무 경험을 쌓기 위해 지침을 주의 깊게 따르세요. 과거 데이터에 따르면, 이것은 초급 레벨의 실험이며 완료율은 100%입니다.학습자들로부터 100%의 긍정적인 리뷰율을 받았습니다.

Camelcase 문자열 변환

문자열을 camelCase 로 변환하려면 다음 단계를 따르세요.

터미널/SSH 를 열고 node를 입력하여 코딩 연습을 시작합니다.
적절한 정규 표현식과 함께 String.prototype.match()를 사용하여 문자열을 단어로 분리합니다.
Array.prototype.map(), Array.prototype.slice(), Array.prototype.join(), String.prototype.toLowerCase(), 및 String.prototype.toUpperCase()를 사용하여 단어를 결합하고 각 단어의 첫 글자를 대문자로 만듭니다.
아래에 표시된 toCamelCase 함수를 사용하여 변환을 수행합니다.

const toCamelCase = (str) => {
  const words =
    str &&
    str.match(
      /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g
    );
  const capitalizedWords =
    words &&
    words.map(
      (word) => word.slice(0, 1).toUpperCase() + word.slice(1).toLowerCase()
    );
  const camelCaseString = capitalizedWords && capitalizedWords.join("");
  return (
    camelCaseString &&
    camelCaseString.slice(0, 1).toLowerCase() + camelCaseString.slice(1)
  );
};

toCamelCase 함수를 사용하는 몇 가지 예는 다음과 같습니다.

toCamelCase("some_database_field_name"); // 'someDatabaseFieldName'
toCamelCase("Some label that needs to be camelized");
// 'someLabelThatNeedsToBeCamelized'
toCamelCase("some-javascript-property"); // 'someJavascriptProperty'
toCamelCase("some-mixed_string with spaces_underscores-and-hyphens");
// 'someMixedStringWithSpacesUnderscoresAndHyphens'

요약

축하합니다! Camelcase 문자열 랩을 완료했습니다. LabEx 에서 더 많은 랩을 연습하여 기술을 향상시킬 수 있습니다.

JavaScript 로 문자열을 Camelcase 로 변환하기

소개

Camelcase 문자열 변환

요약