Як перетворити “camelCase” на “Camel Case”?

Я намагався отримати команду регулярок JavaScript , щоб включити що - щось на зразок "thisString"в "This String"але ближче я отримав заміну листи, в результаті чого - щось на зразок "Thi String"або "This tring". Будь-які ідеї?

Щоб уточнити, що я можу впоратися з простотою написання великої літери, я просто не такий сильний з RegEx, і розбитися "somethingLikeThis"на те "something Like This", де я маю проблеми.

"thisStringIsGood"
    // insert a space before all caps
    .replace(/([A-Z])/g, ' $1')
    // uppercase the first character
    .replace(/^./, function(str){ return str.toUpperCase(); })

дисплеї

This String Is Good

(function() {

  const textbox = document.querySelector('#textbox')
  const result = document.querySelector('#result')
  function split() {
      result.innerText = textbox.value
        // insert a space before all caps
        .replace(/([A-Z])/g, ' $1')
        // uppercase the first character
        .replace(/^./, (str) => str.toUpperCase())
    };

  textbox.addEventListener('input', split);
  split();
}());

#result {
  margin-top: 1em;
  padding: .5em;
  background: #eee;
  white-space: pre;
}

<div>
  Text to split
  <input id="textbox" value="thisStringIsGood" />
</div>

<div id="result"></div>

Я мав інтерес до цього, особливо в обробці послідовностей великих літер, таких як xmlHTTPRequest. Перелічені функції створюють "Xml запит HTTP" або "Xml HTTPRequest", мій виробляє "Xml запит HTTP".

function unCamelCase (str){
    return str
        // insert a space between lower & upper
        .replace(/([a-z])([A-Z])/g, '$1 $2')
        // space before last upper in a sequence followed by lower
        .replace(/\b([A-Z]+)([A-Z])([a-z])/, '$1 $2$3')
        // uppercase the first character
        .replace(/^./, function(str){ return str.toUpperCase(); })
}

Існує також версія String.prototype в суті .

Це можна стисло зробити з regex lookahead ( live demo ):

function splitCamelCaseToString(s) {
    return s.split(/(?=[A-Z])/).join(' ');
}

(Я вважав, що g(глобальний) прапор необхідний, але як не дивно, це не в цьому конкретному випадку.)

Використання lookahead з splitгарантує, що відповідні великі літери не будуть витрачені, а також уникнути роботи з провідним простором, якщо UpperCamelCase - це щось, з чим вам потрібно мати справу. Для написання великої літери кожної літери можна скористатися:

function splitCamelCaseToString(s) {
    return s.split(/(?=[A-Z])/).map(function(p) {
        return p.charAt(0).toUpperCase() + p.slice(1);
    }).join(' ');
}

Метод mapмасиву - це функція ES5, але ви все ще можете використовувати його в старих браузерах з деяким кодом від MDC . Крім того, ви можете перебирати елементи масиву, використовуючи forцикл.

Я думаю, що це повинно вміти обробляти послідовні великі символи, а також прості camelCase.

Наприклад: someVariable => someVariable, але ABCCode! = ABC Code.

Наведений нижче регекс працює на вашому прикладі, але також є загальним прикладом представлення абревіатур у camcelCase.

"somethingLikeThis"
    .replace(/([a-z])([A-Z])/g, '$1 $2')
    .replace(/([A-Z])([a-z])/g, ' $1$2')
    .replace(/\ +/g, ' ') => "something Like This"

"someVariableWithABCCode"
    .replace(/([a-z])([A-Z])/g, '$1 $2')
    .replace(/([A-Z])([a-z])/g, ' $1$2')
    .replace(/\ +/g, ' ') => "some Variable With ABC Code"

Ви також можете налаштувати, як зазначено вище, щоб використовувати великі літери першого символу.

function spacecamel(s){
    return s.replace(/([a-z])([A-Z])/g, '$1 $2');
}

космічна камера ("щось так, як це")

// повернене значення: щось подібне

Лодаш із цим чудово справляється_.startCase()

Рішення, яке також обробляє числа:

function capSplit(str){
   return str.replace
      ( /(^[a-z]+)|[0-9]+|[A-Z][a-z]+|[A-Z]+(?=[A-Z][a-z]|[0-9])/g
      , function(match, first){
          if (first) match = match[0].toUpperCase() + match.substr(1);
          return match + ' ';
          }
       )
   }

Тут перевірено [JSFiddle, бібліотеки немає. Не пробував IE]; має бути досить стійким.

Якщо ви не переймаєтесь старшими браузерами (або не заперечуєте за допомогою функції зменшення резервного копіювання для них), це може розділити навіть рядки типу "xmlHTTPRequest" (але, звичайно, "XMLHTTPRequest" не подобається).

function splitCamelCase(str) {
        return str.split(/(?=[A-Z])/)
                  .reduce(function(p, c, i) {
                    if (c.length === 1) {
                        if (i === 0) {
                            p.push(c);
                        } else {
                            var last = p.pop(), ending = last.slice(-1);
                            if (ending === ending.toLowerCase()) {
                                p.push(last);
                                p.push(c);
                            } else {
                                p.push(last + c);
                            }
                        }
                    } else {
                        p.push(c.charAt(0).toUpperCase() + c.slice(1));
                    }
                    return p;
                  }, [])
                  .join(' ');
}

Моя версія

function camelToSpace (txt) {
  return txt
    .replace(/([^A-Z]*)([A-Z]*)([A-Z])([^A-Z]*)/g, '$1 $2 $3$4')
    .replace(/ +/g, ' ')
}
camelToSpace("camelToSpaceWithTLAStuff") //=> "camel To Space With TLA Stuff"

Спробуйте це рішення тут -

var value = "myCamelCaseText";
var newStr = '';
for (var i = 0; i < value.length; i++) {
  if (value.charAt(i) === value.charAt(i).toUpperCase()) {
    newStr = newStr + ' ' + value.charAt(i)
  } else {
    (i == 0) ? (newStr += value.charAt(i).toUpperCase()) : (newStr += value.charAt(i));
  }
}
return newStr;

Не регулярний вираз, але корисно знати звичайні та старі методики, як це:

var origString = "thisString";
var newString = origString.charAt(0).toUpperCase() + origString.substring(1);