字符串将url替换为javascript中相同url的一部分

Question

我有一个包含随机网址的字符串：

http://google.com/vocab/prefix#Billy

需要进行改造，使一切直到并且包括第一#替换为最后的值/和第一#后跟一个: 。

结果将是：

prefix:Billy

更多示例：

http://some.url/a/path#elephant --> path:elephant
http://random.com/cool/black/beans/thing#Bob --> thing:bob

我了解如何捕获前缀部分/([^\\/]+(?=#))/ ，但由于无法弄清楚如何捕获需要替换的部分，我一直在努力进行字符串替换。

myString.replace(/([^\/]+(?=#))/, '$1:')

我更愿意在正则表达式中使用string.replace

Answer 1

使用replace方法时，您需要匹配所有要替换的模式，而不仅仅是需要保留的部分； 这里有两个选择：

 let s = 'http://google.com/vocab/prefix#Billy' // using greedy regex console.log(s.replace(/.*\\/([^#]+)#/, '$1:')) // adapted from OP's attempt console.log(s.replace(/.*?([^\\/]+?)#/, '$1:')) 

注意.*部分与要舍弃的子字符串匹配， ()捕获要保留的模式，然后重新格式化输出。

Answer 2

试试这个代码：

var myString = "http://google.com/vocab/prefix#Billy";
var hashIndex = myString.indexOf("#"); // find where the "#" is

for(var i = hashIndex; i > 0; i--) { // loop from "#" index *back* to closest "/" symbol
  if(myString[i] == "/") break; // break loop when "/" is found
}

myString = myString.replace("#", ":"); // replace "#" with ":" as in your example

console.log(myString.substring(i, hashIndex); // output 

缩短：

var myString = "http://google.com/vocab/prefix#Billy".replace("#",":");
for(var i = myString.indexOf(":"); i > 0; i--) { if(myString[i] == "/") break; }
console.log(myString.substring(i, myString.indexOf(":");