将URL中的最后一个单词与JavaScript匹配

Question

URL如下所示：

http://www.example.com/?lessoncontent=lesson-003-pinyin

我设法得到了最后一个部分：

var url = window.location.href.split("/").pop();

所以现在我得到了这个

?lessoncontent=lesson-003-pinyin

不过，不知道如何获得最后一部分(pinyin)。我希望能够使用这样的URL进行如下语句：

?lessoncontent=lesson-001-pinyin
?lessoncontent=lesson-003-pinyin
?lessoncontent=lesson-002-complete
?lessoncontent=lesson-003-complete

(只考虑到URL的最后一个字)。

示例：

if (match === "pinyin") { //do stuff }
if (match === "complete") { //do stuff }

Answer 1

只需在-上拆分并从其中提取最后一个元素。

var match = window.location.href.split("-").pop();
if (match === "pinyin") {}  // do stuff 
if (match === "complete") {} // do stuff

我们在-上拆分，然后从数组中弹出最后一个元素。

Answer 2

[^-]*$

尝试this.See demo.You可以直接将其应用到链接上，并在一步内得到答案。

https://regex101.com/r/wU7sQ0/16

var re = /[^-]*$/gm;
var str = 'http://www.example.com/?lessoncontent=lesson-003-pinyin';
var m;

while ((m = re.exec(str)) != null) {
if (m.index === re.lastIndex) {
re.lastIndex++;
}
// View your result using the m-variable.
// eg m[0] etc.
}

Answer 3

我想试试这个：

(\w+)[&?\/]?$

它将适用于所有类型的URL，例如，是否存在URL参数。它将使所有单词字符达到可选的尾随&、?或/。这里见Regex 101演示。