javascript - 使用正则表达式从 url 中删除主机名和端口

Question

我正在尝试删除

http://localhost:7001/

部分来自

http://localhost:7001/www.facebook.com

得到输出为

www.facebook.com

我可以用来实现这种精确模式的正则表达式是什么？

Answer 1

您不需要任何库或 REGEX

var url = new URL('http://localhost:7001/www.facebook.com')
console.log(url.pathname)

https://developer.mozilla.org/en-US/docs/Web/API/URL

Answer 2

基于@atiruz 的回答，但这是

url = url.replace( /^[a-zA-Z]{3,5}\:\/{2}[a-zA-Z0-9_.:-]+\//, '' );

• 最短的
• 也可以使用 https 或 ftp
• 可以带或不带显式端口的 url

Answer 3

对于 javascript，您可以使用以下代码：

var URL = "http://localhost:7001/www.facebook.com";
var newURL = URL.replace (/^[a-z]{4,5}\:\/{2}[a-z]{1,}\:[0-9]{1,4}.(.*)/, '$1'); // http or https
alert (newURL);

看看这个代码在这里

问候，维克多

Answer 4

这就是我在不使用正则表达式的情况下使其工作的方式：

var URL = "http://localhost:7001/www.facebook.com";

var URLsplit = URL.split('/');

var host = URLsplit[0] + "//" + URLsplit[2] + "/";

var newURL = URL.replace(host, '');

虽然可能不是一个优雅的解决方案，但对于那些对正则表达式没有太多经验的人来说应该更容易理解（比如我！呃！）。

Answer 5

对于一个简单的正则表达式来匹配任何协议、域和（可选）端口：

var url = 'http://localhost:7001/www.facebook.com';

// Create a regex to match protocol, domain, and host
var matchProtocolDomainHost = /^.*\/\/[^\/]+:?[0-9]?\//i;

// Replace protocol, domain and host from url, assign to `myNewUrl`
var myNewUrl = url.replace(matchProtocolDomainHost, '');

现在myNewUrl === 'www.facebook.com'。

请参阅regex101 上的演示

Answer 6

这里所有其他的正则表达式看起来有点复杂？这就是所有需要的：（对吗？）

var originSlash = /^https?:\/\/[^/]+\//i;

theUrl.replace(originSlash, '');

Answer 7

与您要删除的 url 部分匹配的正则表达式将类似于：/^http[s]?:\/\/.+?\//

Java 代码示例（请注意，在 Java 中，我们使用两个反斜杠“\\”来转义字符）：

String urlWithBasePath = "http://localhost:7001/www.facebook.com";
String resultUrl = urlWithBasePath.replaceFirst("^http[s]?:\\/\\/.+?\\/", ""); // resultUrl => www.facebook.com

JS代码示例：

let urlWithBasePath = "http://localhost:7001/www.facebook.com";
let resultUrl = urlWithBasePath.replace(/^http[s]?:\/\/.+?\//, ''); // resultUrl => www.facebook.com

Python代码示例：

import re
urlWithBasePath = "http://localhost:7001/www.facebook.com"
resultUrl = re.sub(r'^http[s]?:\/\/.+?\/', '', urlWithBasePath) # resultUrl => www.facebook.com

示例或 Ruby 代码：

urlWithBasePath = "http://localhost:7001/www.facebook.com"
resultUrl =  urlWithBasePath = urlWithBasePath.sub(/^http[s]?:\/\/.+?\//, '') # resultUrl => www.facebook.com

PHP代码示例：

$urlWithBasePath = "http://localhost:7001/www.facebook.com";
$resultUrl = preg_replace('/^http[s]?:\/\/.+?\//', '', $urlWithBasePath); // resultUrl => www.facebook.com

C# 代码示例（您还应该指定using System.Text.RegularExpressions;）：

string urlWithBasePath = "http://localhost:7001/www.facebook.com";
string resultUrl = Regex.Replace(urlWithBasePath, @"^http[s]?:\/\/.+?\/", ""); // resultUrl => www.facebook.com

Answer 8

或者，您可以使用as3corelib的URI 类解析 url 。这样您就不必进行任何字符串操作，这有助于避免做出无意的假设。它需要几行代码，但它是一个更通用的解决方案，应该适用于各种情况：

var url : URI = new URI("http://localhost:7001/myPath?myQuery=value#myFragment");

// example of useful properties
trace(url.scheme); // prints: http
trace(url.authority); // prints the host: localhost
trace(url.port); // prints: 7001
trace(url.path); // prints: /myPath
trace(url.query); // prints: myQuery=test
trace(url.fragment); // prints: myFragment

// build a new relative url, make sure we keep the query and fragment
var relativeURL : URI = new URI();
relativeURL.path = url.path;
relativeURL.query = url.query;
relativeURL.fragment = url.fragment;

var relativeURLString : String = relativeURL.toString();

// remove first / if any
if (relativeURLString.charAt(0) == "/") {
    relativeURLString = relativeURLString.substring(1, relativeURLString.length);
}

trace(relativeURLString); // prints: myPath?myQuery=test#myFragment

Answer 9

而不是使用正则表达式，您可以只使用浏览器解析 URL 的功能：

var parser = document.createElement('a');
parser.href = "http://localhost:7001/www.facebook.com";
var path = parser.pathname.substring(1); // --> results in 'www.facebook.com'

Answer 10

只需使用替换

"http://localhost:7001/www.facebook.com".replace("http://localhost:7001/",'')