Получить значение URL из строки в Javascript

Question

Я пытаюсь выяснить, как извлечь URL из следующей строки в JS.

var str = '[velocity type="youtube" id="239793212" img="http://website.com/wp-content/uploads/image-placeholder.jpg" alt="Play" color="#FFFFFF" bkg_color="transparent"]'; 

Я хотел бы как-нибудь вытянуть только значение http://website.com/wp-content/uploads/image-placeholder.jpg из этого шорткода WordPress, который читается редактором WordPress TinyMCE.

Я должен добавить, что строка не всегда будет в точном формате, а позиция img="" будет колебаться.

Есть ли способ проанализировать эту строку как JSON или массив, чтобы я мог получить доступ к значению img?

Answer 1

/img="([^"]*)"/.exec(str)[1] 

На английском языке: Создать регулярное выражение, которое соответствует img части, положить URL в группе 1 и после выполнения выражения в строке, получите содержимое группы 1.

T он выражение ломается, как

 
img="  # the string 'img="' 
(   # begin group 1 
    [^"]*  # any character that is not a '"', any number of times 
)   # end group 1 
"   # the final double quote 

Соответствующая документация: RegExp.prototype.exec() on the MDN и, конечно, основная информация на сайте о регулярных выражениях: http://www.regular-expressions.info/.

Answer 2

А, не так OO способ сделать это:

var str = '[velocity type="youtube" id="239793212" img="http://website.com/wp-content/uploads/image-placeholder.jpg" alt="Play" color="#FFFFFF" bkg_color="transparent"]'; 

var url = null; 
str.split(' ').forEach(function(s){ 
    if(s.indexOf('img') > -1) { 
    url = s.split("=")[1] 
    } 
}) 
// url now contains your url 
console.log(url); 

Или как один лайнер:

var url = str.split(' ').filter(function(s){ return s.indexOf('img') > -1})[0].split("=")[1] 

Answer 3

Ваш лучший выбор - это регулярное выражение.

var regEx= /"http:\/\/.+?"/g; //If you want to extract all urls. 
var imgEx= /img=".+?"/g // If you want to extract all img parameters.