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, en supposant que la fonction tag[]=hill。我知道，我可以使用正则表达式，但我使用 URLSearchParams 来添加这些，所以我也想用它来删除它们。不幸的是 delete() supprimera toutes les paires avec la même clé.

Existe-t-il un moyen de supprimer uniquement une paire clé-valeur spécifique ?

Answer 1

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');

Answer 2

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);