Alan Budzinski
Alan Budzinski

Reputation: 809

How to choose a substring after given character

I would like to save a substring to a javascript variable using regex unless there is a different/easier way. For example i have a link like this: http://www.youtube.com/watch?v=sEHN4t29oXY&feature=related

I want to only get sEHN4t29oXY&feature=related so i guess i would have to check for the first equal sign to appear and after that save the rest of that string into the variable.. please help, thanks

Upvotes: 5

Views: 13842

Answers (4)

zzzzBov
zzzzBov

Reputation: 179266

I think the easiest way of getting a parameter out of a query string is to use the following code:

var u = new URI('http://www.youtube.com/watch?v=sEHN4t29oXY&feature=related');
u.getQuery('v') //sEHN4t29oXY
u.getQuery('feature') //related

Now, someone should be yelling at me with a comment like:

There's no URI object in JavaScript, you can't do that!!!11one

And that someone would be right, so here you go:

/**
 * URI.js by zzzzBov
 */
(function (w) {
  "use strict";
  var URI = function (str) {
    if (!this) {
      return new URI(str);
    }
    if (!str) {
      str = window.location.toString();
    }
    var parts, uriRegEx, hostParts;
    //http://labs.apache.org/webarch/uri/rfc/rfc3986.html#regexp
    uriRegEx = /^(([^:\/?#]+):)?(\/\/([^\/?#]*))?([^?#]*)(\?([^#]*))?(#(.*))?/;
    str = str.toString();
    parts = uriRegEx.exec(str);
    this.protocol = parts[1] || '';
    this.host = parts[4] || '';
    this.pathname = parts[5] || '';
    this.search = parts[6] || '';
    this.hash = parts[8] || '';
    //logic to break host into hostname:port
    hostParts = this.host.split(':');
    this.hostname = hostParts[0] || '';
    this.port = hostParts[1] || '';
  };
  URI.prototype = {
    getQuery: function (i) {
      var o;
      o = URI.parseQueryString(this.search);
      return i === undefined ? o : o[i];
    },
    setQuery: function (val) {
      var s;
      s = URI.buildQueryString(val);
      this.search = s.length ? '?' + s : s;
    },
    toString: function () {
      return this.protocol + '//' + this.host + this.pathname + this.search + this.hash;
    }
  };
  URI.parseQueryString = function (str) {
    var obj, vars, i, l, data, rawKey, rawVal, key, val;
    obj = {};
    if (!str) {
      return obj;
    }
    //make sure it's a string
    str = str.toString();
    if (!str.length || str === '?') {
      return obj;
    }
    //remove `?` if it is the first char
    if (str[0] === '?') {
      str = str.substr(1);
    }
    vars = str.split('&');
    for (i = 0, l = vars.length; i < l; i += 1) {
      data = vars[i].split('=');
      rawKey = data[0];
      rawVal = data.length > 1 ? data[1] : '';
      //if there's a key, add a value
      if (rawKey) {
        key = URI.decode(rawKey);
        val = URI.decode(rawVal);
        //check if obj[key] is set
        if (obj.hasOwnProperty(key)) {
          if (typeof obj[key] === 'string') {
            //if it's a string turn it to an array
            obj[key] = [ obj[key], val ];
          } else {
            //it's an array, push
            obj[key].push(val);
          }
        } else {
          obj[key] = val;
        }
      }
    }
    return obj;
  };
  URI.buildQueryString = function (obj) {
    var arr, key, val, i;
    function build(key, value) {
      var eKey, eValue;
      eKey = URI.encode(key);
      eValue = URI.encode(value);
      if (eValue) {
        arr.push(eKey + '=' + eValue);
      } else {
        arr.push(eKey);
      }
    }
    arr = [];
    for (key in obj) {
      if (obj.hasOwnProperty(key)) {
        val = obj[key];
        //isArray check
        if (Object.prototype.toString.call(val) === '[object Array]') {
          for (i in  val) {
            if (val.hasOwnProperty(i)) {
              build(key, val[i]);
            }
          }
        } else {
          build(key, val);
        }
      }
    }
    return arr.join('&');
  };
  URI.decode = decodeURIComponent;
  URI.encode = encodeURIComponent;
  w.URI = URI;
}(window));

Upvotes: 0

user973254
user973254

Reputation:

not with regex, but simple too, because first url part is static and has 23 symbols length

'http://www.youtube.com/watch?v=sEHN4t29oXY&feature=related'.substr(23)

Oh, I've made a mistake, he wants another part, so actual code will looks like:

'http://www.youtube.com/watch?v=sEHN4t29oXY&feature=related'.substr(31)

Upvotes: 3

700 Software
700 Software

Reputation: 87873

Efficient:

variable = variable.substring(variable.indexOf('?v=')+3) // First occurence of ?v=

Regular expression:

variable = variable.replace(/.*\?v=/, '') // Replace last occurrence of ?v= and any characters before it (except \r or \n) with nothing. ? has special meaning, that is why the \ is required
variable = variable.replace(/.*?\?v=/, '') // Variation to replace first occurrence.

Upvotes: 9

gilly3
gilly3

Reputation: 91637

Like so:

var match = /\?v=(.+)/.exec(link)[1];

Upvotes: 4

Related Questions