reactjs 如何用javascript解析github网址?

wnvonmuf  于 2023-02-18  发布在  React
关注(0)|答案(3)|浏览(110)

我需要解析像https://github.com/<USERNAME>/<REPO>这样的GitHub URL,但是我的前端是在reactjs中完成的,所以我尝试用python为javascript url.rsplit('/',1)[1].split('.')[0]编写以下代码

z5btuh9x

z5btuh9x1#

这将得到<REPO>作为结果。不是python等效代码,但可以工作

const url = 'https://github.com/<USERNAME>/<REPO>';
const repoName = url.split('/').pop();
console.log(repoName);
ykejflvf

ykejflvf2#

内置在浏览器中的URL类可以为你做大部分基本的url解析,并帮助你确保repo字符串不包含任何查询参数之类的东西。

const url = new window.URL("https://github.com/username/repo.git");
// Split the path by '/' and remove any empty array items 
// Empty items might be caused if the user enters '//' as part of the url
const pathArr = url.pathname.split("/").filter(Boolean);
const repo = pathArr[1];

console.log(repo)

有关URL类的更多信息,请访问:https://developer.mozilla.org/en-US/docs/Web/API/URL

lsmepo6l

lsmepo6l3#

在必须使用userName和repoName的情况下,可以用途:

const repoUrl = "https://github.com/<userName>/<repoName>"

const userName = repoUrl.split('/').slice(-2)[0]
const repoName = repoUrl.split('/').pop()

console.log(userName, repoName)

相关问题