Convertir cadenas a camelCase | Tutoriales de JavaScript

Introducción

En este laboratorio, aprenderemos cómo convertir cadenas a camelCase utilizando JavaScript. CamelCase es una convención de nomenclatura utilizada en la programación donde los identificadores de varias palabras se escriben de manera que cada palabra, excepto la primera, comienza con una letra mayúscula sin espacios ni subrayados entre ellas. La función toCamelCase() proporcionada en este laboratorio utiliza expresiones regulares y métodos de matriz para convertir cadenas a camelCase.

Este es un Guided Lab, que proporciona instrucciones paso a paso para ayudarte a aprender y practicar. Sigue las instrucciones cuidadosamente para completar cada paso y obtener experiencia práctica. Los datos históricos muestran que este es un laboratorio de nivel principiante con una tasa de finalización del 100%. Ha recibido una tasa de reseñas positivas del 100% por parte de los estudiantes.

Conversión de cadenas a camelCase

Para convertir una cadena a camelCase, siga estos pasos:

Abra la Terminal/SSH y escriba node para comenzar a practicar la codificación.
Utilice String.prototype.match() con una expresión regular adecuada para dividir la cadena en palabras.
Utilice Array.prototype.map(), Array.prototype.slice(), Array.prototype.join(), String.prototype.toLowerCase() y String.prototype.toUpperCase() para combinar las palabras y poner en mayúscula la primera letra de cada una.
Utilice la función toCamelCase que se muestra a continuación para realizar la conversión:

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)
  );
};

A continuación se presentan algunos ejemplos de cómo utilizar la función 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'

Resumen

¡Felicidades! Has completado el laboratorio de cadenas en camelCase. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.

Convertir cadenas a camelCase con JavaScript

Introducción

Conversión de cadenas a camelCase

Resumen