Javascript在最后一个斜杠后替换href的某些字符/

Question

我有这个标签

<a id="Link" href="mysite.net/K&N abc 123.html">Link</a>

我需要使用 JavaScript 删除非字母数字字符，然后用破折号 - 替换空格并将结果小写。

所以/K&N abc 123.html 之后的所有内容都保持不变。

最终的结果应该是这样的

<a id="Link" href="mysite.com/kn-abc-123.html">Link</a>

我有一些代码要开始，但还没有完全把它放在一起给出正确的结果。

var str = document.getElementById("Link").getAttribute("href");
str = str.replace(/\W+/g, '-').toLowerCase();
document.getElementById('Link').setAttribute("href",str);

Answer 1

这是一个垃圾桶。 https://jsbin.com/gojoseduji/3/edit?html,output

var href = document.getElementById("Link").getAttribute('href');
var str = href
  // replace each block of whitespace with a single '-' character
  .replace(/\s+/g, '-')
  // Filter out non alphanumerics, excluding : / -
  .replace(/[^\:\/\-\w\s.]+/g, "")
  // get rid of any hyphens that follow a slash
  .replace(/\/-/g, '/')
  .toLowerCase();

我只是使用了空白标识符，并确保将其设为全局 :)

编辑：添加了去除除 [/ - :] 之外的所有非字母数字的条件。我先去掉了空格，然后让第二个正则表达式忽略连字符。我还使变量名称不同，因为您的原始代码修改了变量。只是我的喜好。

EDIT-AGAINN：这种原始方式很好，但现在有一些不同的正则表达式，也许具有更流畅正则表达式技能的人可以将它们浓缩并做出更好的答案？

Answer 2

试试这个

var str = document.getElementById("Link").getAttribute("href");

var lastitem = str.split("/").pop(); //taking out last item after slash 

lastitem = lastitem.split( " " ).map( function(value){ return value.replace(/[*\(\)&/]/g, '').toLowerCase() } ).join( "-" );    //removing special characters and replacing space with hyphen

str = str.substring(0, str.lastIndexOf("/")) + lastitem;

document.getElementById('Link').setAttribute("href",str);

Answer 3

您可以将replace 与callback 一起使用：

var href = document.getElementById("Link").getAttribute('href');

href = href.replace(/^((?:.*?\/{2})?[^\/]*\/)(.+)$/, function($0, $1, $2) {
      return $1 + $2.replace(/[^\w\s.]+/g, '').replace(/\s+/g, '-').toLowerCase(); });

document.getElementById('Link').setAttribute("href", href);
//=> mysite.net/kn-abc-123.html

或在 URL 中使用ftp://：

str = 'ftp://mysite.net/K&N abc 123.html'

str = str.replace(/^((?:.*?\/{2})?[^\/]*\/)(.+)$/, function($0, $1, $2) {
      return $1 + $2.replace(/[^\w\s.]+/g, '').replace(/\s+/g, '-').toLowerCase(); });

//=> ftp://mysite.net/kn-abc-123.html