Extracting a URL parameter with JavaScript

Question

I have a URL:

http://www.youtube.com/watch?v=JssO4oLBm2s&list=PLGHJ4fVazTpYRZTEhqgurtSH6XlDMIEJM&shuffle=382

Edit: I should also not the url is stored in a variable and I want it to work something like this:

$(".videothumb a").live('click', function() {
        var URL = < do something to cut the string > 
        console.log(URL);
        return false;
    });

And I want to cut the URL starting from "=" and ending at "&" so I'll end up with a string like this: "JssO4oLBm2s".

I only know of the slice() function but I believe that only takes a number as beginning and end points.

Sorry, my mistake I just updated. – UzumakiDev Nov 09 '13 at 01:31 — UzumakiDev, Nov 09 '13 at 01:31
did you try the answers posted below? – Venkata Krishna Nov 09 '13 at 01:32 — Venkata Krishna, Nov 09 '13 at 01:32
@KyleJoseph see me answer with fiddle demo – Tushar Gupta - curioustushar Nov 09 '13 at 01:51 — Tushar Gupta - curioustushar, Nov 09 '13 at 01:51

Arun P Johny · Accepted Answer · 2013-11-09T01:33:56.123

1

Using .split() will give a position based solution which will fail the order of parameters changes. Instead I think what you are looking for is the value of parameter called v for that you can use a simple regex like

'http://www.youtube.com/watch?v=JssO4oLBm2s&list=PLGHJ4fVazTpYRZTEhqgurtSH6XlDMIEJM&shuffle=382'.match('[?&]v=(.*?)(&|$)')[1]

edited Nov 09 '13 at 01:33

answered Nov 09 '13 at 01:22

Arun P Johny

376,738
64
519
520

@Krishna updated to fetch value of `v` – Arun P Johny Nov 09 '13 at 01:34
My url is stored in a variable so this doesn't work. – UzumakiDev Nov 09 '13 at 01:44
@KyleJoseph then use the variable like `myvar.match('[?&]v=(.*?)(&|$)')[1]` – Arun P Johny Nov 09 '13 at 01:45
I did and got this error "Uncaught TypeError: Cannot read property '1' of null " – UzumakiDev Nov 09 '13 at 01:49
@KyleJoseph it looks like the url don't have the parameter `v=?` – Arun P Johny Nov 09 '13 at 01:51

Oriol · Answer 2 · 2013-11-09T01:36:36.717

Try

'http://www.youtube.com/watch?v=JssO4oLBm2s&list=PLGHJ4fVazTpYRZTEhqgurtSH6XlDMIEJM&shuffle=382'
    .split('=')[1] // 'JssO4oLBm2s&list'
    .split('&')[0] // 'JssO4oLBm2s'

Or, if you want to be sure to get the v parameter,

var v, args = 'http://www.youtube.com/watch?v=JssO4oLBm2s&list=PLGHJ4fVazTpYRZTEhqgurtSH6XlDMIEJM&shuffle=382'.split("?")[1].split('&');
for(var i = args.length-1; i>=0; --i) {
    var data = args[i].split('=');
    if(data[0]==='v') {  v = data[1]; break;  }
}

score 0 · Answer 3 · answered Nov 09 '13 at 01:22

0

Use .split(). Separated to 2 lines for clarity

var first = "http://www.youtube.com/watch?v=JssO4oLBm2s&list=PLGHJ4fVazTpYRZTEhqgurtSH6XlDMIEJM&shuffle=382".split('=')[1]
var result = first.split('&')[0]; //result - JssO4oLBm2s

answered Nov 09 '13 at 01:22

Venkata Krishna

14,458
5
38
56

score 0 · Answer 4 · edited Nov 09 '13 at 01:38

0

v = 'JssO4oLBm2s&list=PLGHJ4fVazTpYRZTEhqgurtSH6XlDMIEJM&shuffle=382';

var vamploc = v.indexOf("&");

vstring = v.substr(0, vamploc);

You can play with the code a bit to refine it, but the general concepts work.

edited Nov 09 '13 at 01:38

Oriol

249,902
55
405
483

answered Nov 09 '13 at 01:32

TimSPQR

2,916
3
19
28

score 0 · Answer 5 · answered Nov 09 '13 at 01:48

0

use Regexp (?:v=)(.+?)(?:&|$)

Fiddle DEMO

"http://www.youtube.com/watch?v=JssO4oLBm2s&list=PLGHJ4fVazTpYRZTEhqgurtSH6XlDMIEJM&shuffle=382".match('(?:v=)(.+?)(?:&|$)')[1]

Reference

http://gskinner.com/RegExr/

answered Nov 09 '13 at 01:48

Tushar Gupta - curioustushar

56,454
22
99
107

Extracting a URL parameter with JavaScript

5 Answers5