如何获取URL字符串的特定部分？

Question

这是下面console.log的结果：

console.log('subscribe:', event.url);
"https://hooks.stripe.com/adapter/ideal/redirect/complete/src_1E2lmZHazFCzVZTmhYOsoZbg/src_client_secret_EVnN8bitF0wDIe6XGcZTThYZ?success=true"

我要剥离src_1E2lmZHazFCzVZTmhYOsoZbg和src_client_secret_EVnN8bitF0wDIe6XGcZTThYZ的地方

如何实现？

Answer 1

将字符串转换为url，读取路径名，然后在/上分割并取最后两部分。

var str = "https://hooks.stripe.com/adapter/ideal/redirect/complete/src_1E2lmZHazFCzVZTmhYOsoZbg/src_client_secret_EVnN8bitF0wDIe6XGcZTThYZ?success=true"

const parts = new URL(str).pathname.split('/').slice(-2)
console.log(parts)

Answer 2

如果查询参数?success=true是可选的（在大多数情况下是），则可以

function getSrcAndSecret (url) {
  const pts = /\/(src_[^/?]+)\/(src_client_secret_[^/?]+)/.exec(url);
  return {
    src: pts && pts[1] || "",
    secret: pts && pts[2] || ""
  } 
}

// Demo:
const test1 = getSrcAndSecret("https://hooks.stripe.com/adapter/ideal/redirect/complete/src_1E2lmZHazFCzVZTmhYOsoZbg/src_client_secret_EVnN8bitF0wDIe6XGcZTThYZ?success=true");
const test2 = getSrcAndSecret("https://hooks.stripe.com/adapter/ideal/redirect/complete/src_1E2lmZHazFCzVZTmhYOsoZbg/src_client_secret_EVnN8bitF0wDIe6XGcZTThYZ");
const test3 = getSrcAndSecret("https://hooks.stripe.com/adapter/ideal/redirect/complete");

console.log(test1, test2, test3)

Answer 3

const url = "https://hooks.stripe.com/adapter/ideal/redirect/complete/src_1E2lmZHazFCzVZTmhYOsoZbg/src_client_secret_EVnN8bitF0wDIe6XGcZTThYZ?success=true";


const res = url.split(/\?|\//g).filter(el => el.startsWith("src"));

console.log(res)

Answer 4

  const [a, b] = event.url.split("?")[0].split("/").slice(-2);