0

Каким образом можно отредактировать строку в js по типу: var text = "Name-Family-Age";

Нужно чтобы в тексте искался символ "-" и заменялся на div

Строка которая должна получаться в результате

<div>Name</div>
<div>Family</div>
<div>Age</div>
6
  • Если делаешь шаблонизатор, то правильно делать так, чтобы слово выделялось двумя одинаковыми символами.....как раз как тег.....иначе не ясно, с чего это вдруг Name и Age должны в див оборачиваться 13 июл 2022 в 19:53
  • условно, в div должно оборачиваться всё, что идёт от "-" до следующего "-", но я не силен в JS 13 июл 2022 в 19:55
  • замечательно..... тогда твоё "должно оборачиваться" идёт вразрез с тем, что в итоге должно получиться по твоему же мнению 13 июл 2022 в 19:58
  • Даже если строка будет "-Name-Family-Age" как мне обернуть? 13 июл 2022 в 19:59
  • '<div>' + str.replaceAll('-', '</div><div>') + '</div>' 13 июл 2022 в 20:00

2 ответа 2

1

Я думаю вам подойдет такое решение:

  1. Превращаем строку в массив
  2. Добавляем к содержимому массива div
  3. Превращаем массив в строку

const str = "Name-Family-Age";
const replaceToDIV = (string) => {
  return string.split("-").map((s) => `<div>${s}</div>`).join("");
}

// <div>Name</div><div>Family</div><div>Age</div>
console.log(replaceToDIV(str));

1
  • 1
    join надо запускать не с пустой строкой, а c переходом на новую строку "\n"
    – EzioMercer
    13 июл 2022 в 23:21
0

Вариант через регулярку:

"Name-Family-Age".replace(/(\w+)-{0,1}/g, '<div>$1</div>')

// <div>Name</div><div>Family</div><div>Age</div>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.