В TypeScript вы можете столкнуться со сценариями, когда вам нужно добавить пробелы между заглавными буквами в строке. Это может быть полезно для улучшения читаемости или соответствия определенным соглашениям об именах. В этой статье мы рассмотрим различные методы достижения этой цели в TypeScript, а также приведем примеры кода.

Метод 1: использование регулярных выражений
Регулярные выражения предоставляют мощный способ сопоставления шаблонов в строках. Мы можем использовать их для вставки пробелов между заглавными буквами.

function addSpacesWithRegex(input: string): string {
  return input.replace(/([A-Z])/g, ' $1');
}
const text = 'TypeScriptIsAwesome';
const formattedText = addSpacesWithRegex(text);
console.log(formattedText);
// Output: "Type Script Is Awesome"

Объяснение:
В функции addSpacesWithRegexмы используем метод replaceс регулярным выражением /([A-Z])/gдля сопоставления всех заглавных букв в входная строка. Затем к захваченной заглавной букве добавляется пробел с использованием строки замены ' $1'. Это фактически добавляет пробел перед каждой заглавной буквой.

Метод 2. Использование цикла.
Другой подход — перебирать входную строку и вставлять пробел перед каждой заглавной буквой.

function addSpacesWithLoop(input: string): string {
  let result = '';
  for (let i = 0; i < input.length; i++) {
    if (i > 0 && input[i] === input[i].toUpperCase()) {
      result += ' ';
    }
    result += input[i];
  }
  return result;
}
const text = 'TypeScriptIsAwesome';
const formattedText = addSpacesWithLoop(text);
console.log(formattedText);
// Output: "Type Script Is Awesome"

Объяснение:
В функции addSpacesWithLoopмы перебираем каждый символ во входной строке. Когда мы встречаем заглавную букву (обозначаемую input[i] === input[i].toUpperCase()), мы добавляем к результирующей строке символ пробела (' '). Это фактически добавляет пробел перед каждой заглавной буквой.

Метод 3: использование регулярного выражения и replaceс функцией обратного вызова.
Этот метод аналогичен методу 1, но вместо статической строки замены мы используем функцию обратного вызова для динамического создания замена.

function addSpacesWithCallback(input: string): string {
  return input.replace(/([A-Z])/g, match => ` ${match}`);
}
const text = 'TypeScriptIsAwesome';
const formattedText = addSpacesWithCallback(text);
console.log(formattedText);
// Output: "Type Script Is Awesome"

Объяснение:
В этом подходе метод replaceпринимает регулярное выражение /([A-Z])/gдля сопоставления всех заглавных букв во входной строке. Функция обратного вызова вызывается для каждого совпадения, и мы динамически генерируем строку замены, добавляя к совпадающей заглавной букве пробел (' ').

В этой статье мы рассмотрели три различных метода добавления пробелов между заглавными буквами в TypeScript. Мы рассмотрели использование регулярных выражений, циклов и комбинации регулярных выражений с функциями обратного вызова. Выберите метод, который лучше всего соответствует вашим потребностям и повышает читаемость вашего кода.

Применяя эти методы, вы можете легко форматировать строки и улучшить общую читаемость и эстетику вашего кода TypeScript.