Get URL, Abfragezeichenfolge und Hash-Werte

Question

Ich habe eine Eingabe, in der der Benutzer eine gültige URL eingibt. Ich muss die URL, Abfragezeichenfolge (wenn der Benutzer eingibt) und Hash (wenn der Benutzer eingibt) alle separat abrufen.

Bisher habe ich dies getan:

var url = input_value.split('?')[0]; //get url 
    var qs = input_value.split('?')[1].split('#')[0]; //get query string value 
    var hash = input_value.split('#')[1]; //get hash value 

Wenn jedoch der Benutzer keine Query-String eingibt, nur Hash-Wert, es wirft einen undefinierten Fehler.

http://test.com/some-thing/ref?v1=obscurecode&something&else#1234

Also für die URL sollte es zurück: http://test.com/some-thing/ref

Abfragestring: ?v1=obscurecode&something&else

Hash: #1234

Answer 1

Es wäre immer besser, einen try und catch Block zu verwenden.

try { 
    var url = input_value.split('?')[0]; //get url 
} catch (e) { 
    var url = input_value; 
} 
try { 
    var qs = input_value.split('?')[1].split('#')[0]; //get query string value 
} catch (e) { 
    var qs = ""; 
} 
try { 
    var hash = input_value.split('#')[1]; //get hash value 
} catch (e) { 
    var hash = ""; 
} 

Dies wird Ihnen helfen, alle abgefangene Typ Fehler zu vermeiden. Ich habe url = input_value verwendet, falls es keine Abfragezeichenfolge gibt.

Konsolenausgabe

Und das ist für Ihren Anwendungsfall: