String in Kebab Case mit JavaScript umwandeln

Einführung

In diesem Lab werden wir untersuchen, wie man einen gegebenen String in Kebab Case umwandelt, indem man JavaScript verwendet. Kebab Case ist eine gängige Namenskonvention in der Programmierung, bei der die Wörter in einem String durch Bindestriche getrennt werden. Wir werden reguläre Ausdrücke und Array-Methoden verwenden, um den String in Wörter aufzuteilen und sie dann im Kebab-Case-Format zu kombinieren.

Skills Graph

Ein String in Kebab Case umwandeln

Um einen String in Kebab Case umzuwandeln, folgen Sie diesen Schritten:

1. Öffnen Sie das Terminal/SSH und geben Sie node ein, um mit der Codeausübung zu beginnen.
2. Verwenden Sie String.prototype.match(), um den String mit einem geeigneten regulären Ausdruck in Wörter aufzuteilen.
3. Verwenden Sie Array.prototype.map(), Array.prototype.join() und String.prototype.toLowerCase(), um die Wörter zu kombinieren und - als Separator hinzuzufügen.

Hier ist eine Beispiel-Funktion, die die Umwandlung durchführt:

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

Sie können diese Funktion verwenden, um Strings in Kebab Case umzuwandeln, wie im folgenden gezeigt:

toKebabCase("camelCase"); // 'camel-case'
toKebabCase("some text"); // 'some-text'
toKebabCase("some-mixed_string With spaces_underscores-and-hyphens");
// 'some-mixed-string-with-spaces-underscores-and-hyphens'
toKebabCase("AllThe-small Things"); // 'all-the-small-things'
toKebabCase("IAmEditingSomeXMLAndHTML");
// 'i-am-editing-some-xml-and-html'

Zusammenfassung

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