JavaScript >> Javascript tutorial >  >> Tags >> URL

Sådan fjerner du en forespørgselsstreng fra en URL ved hjælp af JavaScript

Sådan fjerner du en forespørgselsstreng fra en URL i JavaScript:

  1. Brug URL() konstruktør til at konvertere URL-strengen til en objektforekomst.
  2. Indstil search og hash egenskaber for objektforekomsten til en tom streng '' .
  3. Brug toString() metode til at få den ændrede URL.
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/

URL objekt bruges til at parse, konstruere, normalisere og kode URL'er i JavaScript. Det giver statiske metoder og egenskaber til at læse og ændre forskellige komponenter i URL'en.

Alternativt kan du også bruge split() metode til at opdele strengen på et spørgsmålstegn og få adgang til array-elementet ved indeks 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

Hvis der ikke er nogen forespørgselsstreng i URL'en, og URL'en kun indeholder en hash, skal du bruge følgende fremgangsmåde i stedet:

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

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