Comment utiliser URLSearchParams pour supprimer l'une des multiples paires clé-valeur avec la même clé ?

Question

J'ai une URL du formulaire : https://www.example.com?tag[]=mountain&tag[]=hill&tag[]=pimple Maintenant, je veux en supprimer un, disons tag[]=hill. Je sais, je pourrais utiliser regex, mais j'utilise URLSearchParams pour les ajouter, donc je souhaite l'utiliser également pour les supprimer. Malheureusement, la fonction delete() supprime toutes les paires avec la même clé. Existe-t-il un moyen de supprimer uniquement un élément spécifique

P粉904450959 · Answer

Vous pouvez également l'ajouter au prototype d'URLSearchParams afin de pouvoir toujours l'utiliser facilement dans votre code.

URLSearchParams.prototype.remove = function(key, value) {
    const entries = this.getAll(key);
    const newEntries = entries.filter(entry => entry !== value);
    this.delete(key);
    newEntries.forEach(newEntry => this.append(key, newEntry));
}

Vous pouvez désormais supprimer des paires clé-valeur spécifiques d'URLSearchParams comme ceci :

searchParams.remove('tag[]', 'hill');

P粉725827686 · Answer

Faites quelque chose comme ceci :

const tags = entries.getAll('tag[]').filter(tag => tag !== 'hill');
entries.delete('tag[]');
for (const tag of tags) entries.append('tag[]', tag);