Question

例如，假设我总是有一个由“ - ”分隔的字符串。有没有办法改造

它-是-A-大-日常

到

itIsAGreatDayToday

使用RegEx？

Answer 1

是（已编辑以支持非小写输入和Unicode）：

function camelCase(input) { 
    return input.toLowerCase().replace(/-(.)/g, function(match, group1) {
        return group1.toUpperCase();
    });
}

在MDN的"Specifying a function as a parameter"文档中查看有关“替换回调”的更多信息。

回调函数的第一个参数是完全匹配，后续参数是正则表达式中的括号组（在本例中是连字符后面的字符）。

Answer 2

您可以在每个短划线（-）或字符串的开头之后匹配单词字符，或者您可以通过匹配每个单词边界（\b）后的单词字符来简化：

function camelCase(s) {
  return (s||'').toLowerCase().replace(/(\b|-)\w/g, function(m) {
    return m.toUpperCase().replace(/-/,'');
  });
}
camelCase('foo-bar'); // => 'FooBar'
camelCase('FOo-BaR-gAH'); // => 'FooBarGah'

Answer 3

Here's a demo

var test = 'It-is-a-great-day-today';

function camelize(str) {
    return str[0].toLowerCase() + str.replace(/-([a-z])/g, function(a, b) {
        return b.toUpperCase();
    }).slice(1);
}

console.log(camelize(test));

Answer 4

这也应该有效：

function camelCase(str) {
  return str.replace(/^.|-./g, function(letter, index) {
    return index == 0 ? letter.toLowerCase() : letter.substr(1).toUpperCase();
  });
}

恕我直言，因为我们不是首先将整个输入字符串转换为小写，然后在需要时转换为大写字母，所以效率稍高一些。此函数仅将第一个字母转换为小写，然后将连字符-后的每个字符转换为大写。

Answer 5

我知道这个问题有点旧，但

这是我的camelCase函数版本：

var camelCase = (function () {
    var DEFAULT_REGEX = /[-_]+(.)?/g;

    function toUpper(match, group1) {
        return group1 ? group1.toUpperCase() : '';
    }
    return function (str, delimiters) {
        return str.replace(delimiters ? new RegExp('[' + delimiters + ']+(.)?', 'g') : DEFAULT_REGEX, toUpper);
    };
})();

它处理以下所有边缘情况：

默认使用下划线和连字符（可使用第二个参数配置）
带有unicode字符的字符串
以连字符或下划线结尾的字符串
具有连续连字符或下划线的字符串

以下是实时测试的链接：http://jsfiddle.net/avKzf/2/

以下是测试结果：

输入：“ab-cd-ef”，结果：“abCdEf”
输入：“ab-cd-ef-”，结果：“abCdEf”
输入：“ab-cd-ef--”，结果：“abCdEf”
输入：“ab-cd - ef--”，结果：“abCdEf”
输入：“ - ab-cd - ef--”，结果：“AbCdEf”
输入：“ - ab-cd -__- ef--”，结果：“AbCdEf”

请注意，以分隔符开头的字符串将在开头处生成一个大写字母。如果这不是您所期望的，您可以始终使用lcfirst。如果你需要，这是我的第一个：

function lcfirst(str) {
    return str && str.charAt(0).toLowerCase() + str.substring(1);
}

Answer 6

这很有效，但有人可以清理它。

var toCamelCase = function(str) {
        // Replace special characters with a space
        str = str.replace(/[^a-zA-Z0-9 ]/g, " ");
        // put a space before an uppercase letter
        str = str.replace(/([a-z](?=[A-Z]))/g, '$1 ');
        // Lower case first character and some other stuff that I don't understand
        str = str.replace(/([^a-zA-Z0-9 ])|^[0-9]+/g, '').trim().toLowerCase();
        // uppercase characters preceded by a space or number
        str = str.replace(/([ 0-9]+)([a-zA-Z])/g, function(a,b,c) {
            return b.trim() + c.toUpperCase();
        });
        return str;
};

console.log(toCamelCase('hyphen~name~ format'));
console.log(toCamelCase('hyphen.name.format'));
console.log(toCamelCase('hyphen-name-format'));
console.log(toCamelCase('Hyphen-Dame-Gormat'));
console.log(toCamelCase('EquipmentClass name'));
console.log(toCamelCase('Equipment className'));
console.log(toCamelCase('equipment class name'));
console.log(toCamelCase(' e    Equipment Class Name'));
console.log(toCamelCase('under9score_name_format'));
console.log(toCamelCase('Enderscore_name_format'));
console.log(toCamelCase('EnderscoreBameFormat'));
console.log(toCamelCase('_EnderscoreBameFormat'));

http://jsbin.com/yageqi/1/edit?js,console

Answer 7

使用reduce的另一种方法：

function camelCase(str) {
  return str
    .split('-')
    .reduce((a, b) => a + b.charAt(0).toUpperCase() + b.slice(1));
}

Answer 8

请参阅http://jsfiddle.net/54ZcM/

function camelCase(string) {
    return string.toLowerCase().replace(/(\-[a-zA-Z])/g, function($1) {
        return $1.toUpperCase().replace('-','');
    })
}

alert(camelCase('fOo-BarBA-fo'));

Answer 9

var string = "it-is-a-great-day-today";
or
var string = "it_is_a_great_day_today";

var regex = /(_|-)([a-z])/g;

string.toLowerCase().replace(regex, toCamelCase );

function toCamelCase( string ){
  return string[1].toUpperCase();
}

Output: "itIsAGreatDayToday";

Answer 10

这里是你可以玩的jsfiddle来测试它 http://jsfiddle.net/5n84w/2/

```

/**
 * Function to convert any string to camelCase
 * var regex = 'chetan-Ankola###.com---m13ok#-#alo(*finding!R%S#%-GFF'; 
 * Where [-_ .] is the seperator, you can add eg: '@' too
 * + is to handle repetition of seperator           
 * ? is to take care of preceeding token 
 * match nov(ember)? matches nov and november
 */
var camelCaser = function (str) {
    var camelCased = str.replace(/[-_ .]+(.)?/g, function (match, p) {
        if (p) {
            return p.toUpperCase();
        }
        return '';
    }).replace(/[^\w]/gi, '');
    return camelCased;
};

```

Answer 11

'it-is-a-great-day-today'.split('-').map(function(x,i){
    return (i?x[0].toUpperCase():x[0]) + x.slice(1).toLowerCase()
}).join('')

结果：

'itIsAGreatDayToday'

或者，.match(/\w+/g)而不是.split('-') - 取决于你想要在“这是一个测试”这样的边缘情况下做什么。

Answer 12

$scope.toCamelCase = function(arg){
    var arg = arg.toLowerCase();
    var arr = arg.split("");
    arr[0] = arr[0].toUpperCase();
    return arr.join("");
};

Answer 13

这些人做得更好，

＆＃13;

function camelCase(data) {
    var tmp;
    if (data && typeof data === 'object') {
        forEach(data, function (value, key) {
            var tmpvalue = camelCase(key);
            tmp[tmpvalue] = value;
        });
        return tmp;
    } else {
        return data.toLowerCase().replace(/(\_\w)/g, function (m) { return m[1].toUpperCase() }).replace(/(\-\w)/g, function (m) { return m[1].toUpperCase(); });
    }
}

console.log(camelCase("SucCCCess_dfds_dsqsdqs-dsdqs-dqsdqs"));

＆＃13;

在任何情况下都能完美运作。

将短划线字符串转换为camelCase？

13 个答案: