LabEx
EntrarJunte-se

Converter Strings para CamelCase com JavaScript

Beginner

This tutorial is from open-source community. Access the source code

Introdução

Neste laboratório, aprenderemos como converter strings para camelCase usando JavaScript. CamelCase é uma convenção de nomenclatura usada em programação, onde identificadores de múltiplas palavras são escritos de forma que cada palavra, exceto a primeira, começa com uma letra maiúscula, sem espaços ou underscores entre elas. A função toCamelCase() fornecida neste laboratório utiliza expressões regulares e métodos de array para converter strings para camelCase.

Este é um Lab Guiado, que fornece instruções passo a passo para ajudá-lo a aprender e praticar. Siga as instruções cuidadosamente para completar cada etapa e ganhar experiência prática. Dados históricos mostram que este é um laboratório de nível iniciante com uma taxa de conclusão de 100%. Recebeu uma taxa de avaliações positivas de 100% dos estudantes.

Conversão de String para CamelCase

Para converter uma string para camelCase, siga estes passos:

  1. Abra o Terminal/SSH e digite node para começar a praticar a codificação.
  2. Use String.prototype.match() com uma expressão regular apropriada para dividir a string em palavras.
  3. Use Array.prototype.map(), Array.prototype.slice(), Array.prototype.join(), String.prototype.toLowerCase() e String.prototype.toUpperCase() para combinar as palavras e capitalizar a primeira letra de cada uma.
  4. Use a função toCamelCase mostrada abaixo para realizar a conversão:
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)
  );
};

Aqui estão alguns exemplos de como usar a função 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'

Resumo

Parabéns! Você concluiu o laboratório de Conversão de String para CamelCase. Você pode praticar mais laboratórios no LabEx para aprimorar suas habilidades.