Nasıl "camelCase" dönüştürmek "Camel Case"?

Gibi bir şeyi "thisString"dönüştürmek için bir JavaScript regex komutu almaya çalışıyorum "This String"ama en yakın aldığım bir harfi değiştirerek, "Thi String"veya gibi bir şeyle sonuçlanıyor "This tring". Herhangi bir fikir?

Bir mektubu büyük harfle yazmanın basitliğini kaldırabileceğimi açıklığa kavuşturmak için, RegEx ile o kadar güçlü değilim ve "somethingLikeThis"bölündüğümde "something Like This"sorun yaşıyorum.

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

görüntüler

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>

Özellikle xmlHTTPRequest gibi sermaye dizilerini ele almak konusunda boş bir ilgim vardı. Listelenen işlevler "Xml HTTP İsteği" veya "Xml HTTPRequest", benimki de "Xml HTTP İsteği" üretir.

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(); })
}

Bir String.prototype versiyonu da var bir ve özü .

Bu, regex lookahead ile kısaca yapılabilir ( canlı demo ):

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

( g(Küresel) bayrağın gerekli olduğunu düşündüm , ama garip bir şekilde, bu özel durumda değil.)

İle lookahead kullanma splitUpperCamelCase sen başa gereken bir şey ise lider alanı ile ilgili eşleşti harfi tüketilen görmemesini sağlar ve kaçınır. Her birinin ilk harfini büyük yapmak için şunları kullanabilirsiniz:

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

mapDizi yöntem ES5 özelliktir, ancak yine de birlikte eski tarayıcılarda kullanabilirsiniz MDC bazı kod . Alternatif olarak, bir fordöngü kullanarak dizi öğeleri üzerinde yineleme yapabilirsiniz .

Bunun ardışık büyük harflerin yanı sıra basit camelCase işleyebileceğini düşünüyorum.

Örneğin: someVariable => someVariable, ancak ABCCode! = ABC Kodu.

Aşağıdaki normal ifade örneğiniz üzerinde çalışır, ancak camcelCase'deki kısaltmaları temsil etmenin yaygın örneğidir.

"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"

İlk karakteri büyük harf yapmak için yukarıdaki gibi de ayarlayabilirsiniz.

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

spacecamel ( 'somethingLikeThis')

// değer döndürdü: Buna benzer bir şey

Lodash bunu güzel bir şekilde ele alıyor_.startCase()

Sayıları da işleyen bir çözüm:

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 + ' ';
          }
       )
   }

Burada test edildi [JSFiddle, kütüphane yok. IE denenmedi]; oldukça kararlı olmalı.

Eski tarayıcılarla ilgilenmiyorsanız (veya onlar için geri dönüş azaltma işlevini kullanmanın bir sakıncası yoksa ), bu 'xmlHTTPRequest' gibi dizeleri bile bölebilir (ancak kesinlikle 'XMLHTTPRequest' gibi) olamaz.

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(' ');
}

Benim versiyonum

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"

Bu çözümü burada deneyin -

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;

Normal ifade değil, bunun gibi sade ve eski teknikleri bilmek yararlıdır:

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