Strings in Snake Case mit JavaScript umwandeln

JavaScriptJavaScriptBeginner
Jetzt üben

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

💡 Dieser Artikel wurde von AI-Assistenten übersetzt. Um die englische Version anzuzeigen, können Sie hier klicken

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.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/BasicConceptsGroup -.-> javascript/cond_stmts("Conditional Statements") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") subgraph Lab Skills javascript/variables -.-> lab-28662{{"Strings in Snake Case mit JavaScript umwandeln"}} javascript/data_types -.-> lab-28662{{"Strings in Snake Case mit JavaScript umwandeln"}} javascript/arith_ops -.-> lab-28662{{"Strings in Snake Case mit JavaScript umwandeln"}} javascript/comp_ops -.-> lab-28662{{"Strings in Snake Case mit JavaScript umwandeln"}} javascript/cond_stmts -.-> lab-28662{{"Strings in Snake Case mit JavaScript umwandeln"}} javascript/higher_funcs -.-> lab-28662{{"Strings in Snake Case mit JavaScript umwandeln"}} end

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.