带有正则表达式 youtube 视频 ID 的 Javascript 格式数组

Question

提前致歉，因为我知道有这样的many answers然而，对于这个问题，我没有成功地实现任何给定的答案。话虽如此，让我们开始讨论这个问题。

我有一个包含文本输入的表，用户可以在其中输入 youtube 视频 ID
Onsubmit 我的 javascript 将创建一个包含这些 YouTube 视频 ID 的数组
如果用户输入 YouTube 网址，数组就会中断

快速解决方案
如果有人可以帮助我使正则表达式验证正常工作，以便用户收到正确的警报并纠正他们的输入，这将是一个好的开始

理想的解决方案
我不喜欢提醒用户并让他们更改他们输入的内容，因为这样的用户体验很差，所以如果有人今天感觉特别有帮助，可以向我展示如何获取他们输入的内容并删除 url 位并仅推送youtube 视频 id 到数组中，那就太棒了:)

示例:如果用户输入

["https://www.youtube.com/watch?v=K1CScQOj1dA", "https://youtu.be/wIJ1sFrgMds", "IISzG-sPUuo"]

代码将格式化他们的输入，最终的userSongs数组将是:

["K1CScQOj1dA", "wIJ1sFrgMds", "IISzG-sPUuo"]

这是我的 fiddle http://jsfiddle.net/1qLr9n2j/
正如您所看到的，当两个输入都是无效条目时，警报会显示不匹配

Answer 1

您可以使用以下内容进行匹配:

.*?([\w-]+)$

并替换为$1。

参见DEMO

JS 代码:

var rx = /.*?([\w-]+)$/;
for (var i = 0; i < userSongs.length; i++) {
        userSongs[i] = userSongs[i].replace(rx, '$1');
}
alert(userSongs);