Извлечение URL из результатов веб-страницы и отображение URL в Iframe

Question

Мой последний результат клипа находится здесь , что дает мне что-то вроде

Last clip created by HeyitsLonestar while playing Deadlight - https://clips.twitch.tv/SarcasticRacySrirachaTBCheesePull

Я хотел бы иметь возможность извлечь только URL-адрес и поместить его в iframe, как показано ниже, но понятия не имею, как:

<iframe
src="https://clips.twitch.tv/embed?clip=SarcasticRacySrirachaTBCheesePull"
height="360"
width="640"
frameborder="0"
scrolling="no"
allowfullscreen="true">
</iframe> 

Кажется, мне понадобится последняя часть URL, чтобы автоматизировать каждый раз, когда создается новый клип:

 SarcasticRacySrirachaTBCheesePull

Answer 1

Если формат результата гарантированно всегда заканчивается URL, вы можете разделить строку на / и получить последний токен с помощью:

result.split('/').pop()

В то время как регулярные выражения регулярно используются для разбора строк, иногда базовое разбиение просто работает, и за ним легче следовать.

Демо-версия:

var result = 'Last clip created by HeyitsLonestar while playing Deadlight - https://clips.twitch.tv/SarcasticRacySrirachaTBCheesePull';

console.log(result.split('/').pop())

Answer 2

при условии, что ваша структура всегда начинается с clips.twitch.tv / , вы можете использовать это регулярное выражение для извлечения только конечного содержимого:

/^(.+\/(\w+))?/gm

Если вы хотите проверить пример этого, вы можете посмотреть на это Codepen