Преобразование строк в snake case с использованием JavaScript

Введение

В этом практическом занятии мы углубимся в мир программирования на JavaScript, чтобы научиться преобразовывать заданную строку в «змеиный регистр» (snake case). Мы будем использовать регулярные выражения и различные методы массивов, такие как map(), slice() и join(), чтобы разбить строку и реконструировать ее с использованием нижних подчеркиваний в качестве разделителей. В конце этого практического занятия вы хорошо освоите методы манипуляции со строками в JavaScript и сможете применить эти концепции в других проектах программирования.

Skills Graph

Функция для преобразования строки в snake case

Для преобразования строки в snake case используйте следующую функцию:

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("_");
};

Эта функция использует String.prototype.match(), чтобы разбить строку на слова с использованием соответствующего регулярного выражения. Затем она использует Array.prototype.map(), Array.prototype.slice(), Array.prototype.join() и String.prototype.toLowerCase(), чтобы объединить слова, добавляя _ в качестве разделителя.

Пример использования:

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'

Резюме

Поздравляем! Вы завершили практическое занятие по преобразованию строк в snake case. Вы можете выполнить больше практических занятий в LabEx, чтобы улучшить свои навыки.