JavaScript: конвертировать строку в кебаб

Последнее обновление 23 июля 2019 12:17:56 (UTC / GMT +8 часов)

script1adsense2code

script1adsense3code

Основной JavaScript (синтаксис ES6): упражнение 123 с решением

Напишите программу на JavaScript для преобразования строки в кебаб.

Примечание: разбейте строку на слова и объедините их, добавив - в качестве разделителя, используя регулярное выражение.

Пример решения:

HTML-код:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Convert a string to kebab case</title>
</head>
<body>
</body>
</html>

Код JavaScript:

//#Source https://bit.ly/2neWfJ2 
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('-');
console.log(toKebabCase('camelCase'));
console.log(toKebabCase('some text'));
console.log(toKebabCase('some-mixed_string With spaces_underscores-and-hyphens'));
console.log(toKebabCase('AllThe-small Things'));
console.log(toKebabCase('IAmListeningToFMWhileLoadingDifferentURLOnMyBrowserAndAlsoEditingSomeXMLAndHTML'));

Пример вывода:

 верблюд случая
некоторые-текст
некоторая смешанная строка-с-пространства-подчёркивания-и-дефис
все маленькие вещи
я-ам-прослушивание к фм-то время заряжания-разного URL-на-мой-браузер-и-и-редактирование-некоторые-XML-и-HTML

Иллюстрированная презентация:

Блок - схема:

Демонстрация в реальном времени:

См. Pen javascript-basic-упражнение-123-1 от w3resource ( @ w3resource ) на CodePen .

Улучшите этот пример решения и опубликуйте свой код через Disqus

Предыдущий: Напишите программу на JavaScript для добавления порядкового суффикса к числу.
Далее: Напишите программу на JavaScript для преобразования данного массива в хеш-значение (хранилище ключей).