如何改进Slugify以处理驼峰命名法？

Question

我想写一个JavaScript函数来转换字符串为slug格式，还有一个要求：处理驼峰命名法。例如，thisIsCamelCase将变成this-is-camel-case。

我该如何修改这样的函数以实现此功能？ 编辑 添加了完整的答案示例。

- Matt Norris

Answer 1

您只需在您发布的内容中添加一行代码即可。

str = str.replace(/[A-Z]/g, function(s){ return "-" + s; });

这将使剩余的代码为：

function string_to_slug(str) {
  str = str.replace(/^\s+|\s+$/g, ''); // trim
  str = str.replace(/[A-Z]/g, function(s){ return "-" + s; }); // camel case handling
  str = str.toLowerCase();

  // remove accents, swap ñ for n, etc
  var from = "àáäâèéëêìíïîòóöôùúüûñç·/_,:;",
      to   = "aaaaeeeeiiiioooouuuunc------";
  for (var i=0, l=from.length ; i<l ; i++) {
    str = str.replace(from[i], to[i]);
  }

  str = str.replace(/[^a-z0-9 -]/g, '') // remove invalid chars
    .replace(/\s+/g, '-') // collapse whitespace and replace by -
    .replace(/-+/g, '-'); // collapse dashes

  return str;
}

编辑:: 我也删除了无用的new RegExp逻辑。 编辑:: 添加了'g'来查找所有大写字母，而不仅仅是第一个。

- AlanFoster

---

太好了！谢谢你！我在这里添加了完整的示例http://jsfiddle.net/wraithmonster/AAwTT/ - Matt Norris

Answer 2

这会对你有所帮助！

     var strings = 'toDo';
var i=0;
var ch='';

while (i < strings.length){
    character = strings.charAt(i);
        if (character == character.toUpperCase()) {
            //alert ('upper case true' + character);
        character = "-" + character.toLowerCase();
        }
      i++;
      ch += character;
    }
//to-do
      alert(ch);

- sathishkumar

---

这不好看。 - AlanFoster

Answer 3

尝试使用：

str=str.toLowerCase() before or after the slugification.

- Terry

---

这不会添加连字符。 - TimWolla

Answer 4

我想生成一个蛇形键的slug。这个方法对我很有效。

$(document).on('keyup', '.slugGen', function () {
   let slug = $(this).val().toLowerCase().replace(/ /g, '_').replace(/[^\w-]+/g, '');
   $(this).closest('tr').find('#slug').val(slug);
});

- Akbarali