Strings in Snake Case mit JavaScript umwandeln

Einführung

In diesem Lab werden wir uns in die Welt der JavaScript-Programmierung stürzen, um zu lernen, wie man einen gegebenen String in snake case umwandelt. Wir werden reguläre Ausdrücke und verschiedene Array-Methoden wie map(), slice() und join() verwenden, um den String aufzuteilen und ihn mit Unterstrichen als Trennzeichen neu zu konstruieren. Am Ende dieses Labs werden Sie gut verstehen, wie man Strings in JavaScript manipuliert und diese Konzepte auf andere Programmierprojekte anwenden kann.

Funktion zum Konvertieren eines Strings in snake case

Um einen String in snake case umzuwandeln, verwenden Sie die folgende Funktion:

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

Diese Funktion verwendet String.prototype.match(), um den String mit einem geeigneten regulären Ausdruck in Wörter aufzuteilen. Anschließend verwendet sie Array.prototype.map(), Array.prototype.slice(), Array.prototype.join() und String.prototype.toLowerCase(), um die Wörter zu kombinieren und _ als Trennzeichen hinzuzufügen.

Beispielverwendung:

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'

Zusammenfassung

Herzlichen Glückwunsch! Sie haben das Snakecase String Lab abgeschlossen. Sie können in LabEx weitere Labs absolvieren, um Ihre Fähigkeiten zu verbessern.