Convertir cadenas a formato snake case con JavaScript

Introducción

En este laboratorio, profundizaremos en el mundo de la programación de JavaScript para aprender cómo convertir una cadena dada en formato snake case. Utilizaremos expresiones regulares y varios métodos de matriz como map(), slice() y join() para descomponer la cadena y reconstruirla con guiones bajos como separadores. Al final de este laboratorio, tendrás una buena comprensión de cómo manipular cadenas en JavaScript y aplicar estos conceptos a otros proyectos de programación.

Skills Graph

Función para convertir una cadena en formato snake case

Para convertir una cadena en formato snake case, utiliza la siguiente función:

const toSnakeCase = (str) => {
  if (!str) return "";
  const regex =
    /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g;
  return str
    .match(regex)
    .map((x) => x.toLowerCase())
    .join("_");
};

Esta función utiliza String.prototype.match() para dividir la cadena en palabras utilizando una expresión regular adecuada. Luego, utiliza Array.prototype.map(), Array.prototype.slice(), Array.prototype.join() y String.prototype.toLowerCase() para combinar las palabras, agregando _ como separador.

Uso de ejemplo:

toSnakeCase("camelCase"); // 'camel_case'
toSnakeCase("some text"); //'some_text'
toSnakeCase("some-mixed_string With spaces_underscores-and-hyphens");
//'some_mixed_string_with_spaces_underscores_and_hyphens'
toSnakeCase("AllThe-small Things"); // 'all_the_small_things'
toSnakeCase("IAmEditingSomeXMLAndHTML");
// 'i_am_editing_some_xml_and_html'

Resumen

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