logo

Een querytekenreeks van een URL verwijderen met JavaScript

Een queryreeks verwijderen uit een URL in JavaScript:

  1. Gebruik de URL() constructor om de URL-tekenreeks om te zetten in een objectinstantie.
  2. Stel de search in en hash eigenschappen van de objectinstantie naar een lege tekenreeks '' .
  3. Gebruik de toString() methode om de gewijzigde URL te krijgen.
let url = `https://example.com?size=M&size=XL&price=29&sort=desc#clicked`

const obj = new URL(url)
obj.search = ''
obj.hash = ''

url = obj.toString()
console.log(url)
// https://example.com/

De URL object wordt gebruikt om URL's in JavaScript te ontleden, construeren, normaliseren en coderen. Het biedt statische methoden en eigenschappen om verschillende componenten van de URL te lezen en aan te passen.

Als alternatief kunt u ook de split() . gebruiken methode om de string op een vraagteken te splitsen en toegang te krijgen tot het array-element op index 0 :

let url = `https://example.com?size=M&size=XL&price=29&sort=desc#clicked`

url = url.split('?')[0]
console.log(url)
// https://example.com

Als er geen zoekreeks aanwezig is in de URL en de URL alleen een hash bevat, gebruik dan de volgende aanpak:

let url = `https://example.com#clicked`

url = url.split(/[?#]/)[0]
console.log(url)
// https://example.com