jQuery: generare la notazione camel case

Per notazione camel case si intende una stringa formata da una prima parola in minuscolo e dalle successive con la prima lettera in maiuscolo. In questo articolo vedremo come implementare un esempio basico in tal senso con jQuery.

Per prima cosa estendiamo l'oggetto String con un metodo che restituisce una stringa con la prima lettera in maiuscolo:

$.extend (String.prototype, {
  camelize: function () {
    return this.replace (/(?:^|[-_])(\w)/g, function (_, c) {
      return c ? c.toUpperCase() : '';
    })
  }
});

Quindi prendiamo come stringa lorem ipsum e utilizziamo la seguente procedura:

$('#run').click(function() {
    var test = $('#test');
    var $str = test.text();
    var parts = $str.split(' ');
    var part = parts[1].camelize();
    
    test.text(parts[0]+part);
    
    return false;
});

Potete visionare l'esempio finale in questa pagina.