Как отфильтровать ключи в URLSearchParams?

Question

[Марат Иванов]

ребят, подскажите плиз, есть массив ключей по которым надо отфильтровать ключи в URLSearchParams. то есть оставить в URLSearchParams только те ключи которые указаны в массиве допустимых ключей.
например как удалить ключ utm_delete=delete

export enum UtmType {
    UtmSource = 'utm_source',
    UtmMedium = 'utm_medium',
  }
const url = '?utm_source=stop&utm_medium=get&utm_delete=delete'
const params = new URLSearchParams(url)

Answer 1

[Александр]

for (const key of utm) {
    params.delete(key);
}

UPD:

const href = 'https://example.com/?user=John&some_key=1&id=3';
const url = new URL(href);
const availableKeys = ['user', 'id'];
for (const key of [...url.searchParams.keys()]) {
    if (!availableKeys.includes(key)) {
        url.searchParams.delete(key);
    }
}
console.log(url.toString()); // 'https://example.com/?user=John&id=3'

Comments

[Марат Иванов]

спасибо!!! А тут он разве не удалит разрешенные? Подскажи пожалуйста, а если разрешенные ключи будут в формате ts enum?

export enum UtmType {
    UtmSource = 'utm_source',
    UtmMedium = 'utm_medium',
  }

[Александр]

Марат Иванов, Я показал только пример, хотите удалить только utm_delete, тогда так:
params.delete('utm_delete');
Хотите удалить все ключи, которые есть в массиве utm: тогда из примера код. Можете и в enum запихать:

const utm = [utmType.UtmSource, utmType.UtmMedium];
for (const key of utm) {
    params.delete(key);
}
// или
params.delete(utmType.UtmSource);

[Марат Иванов]

Александр, большое спасибо за отклик, очень помогли понять картину, остался только вопрос, а как быть если у нас могут быть те ключи которых я не знаю, и надо именно от них избавиться, и оставить только разрешенные? Спасибо вам большое еще раз.

[Вадим]

Марат Иванов, Аналогично. Делаете массив ключей, которые разрешены, и в цикле проверяете, если key нет в этом массиве, то удалить.

[Марат Иванов]

Вадим, через includes(key) я могу пробежаться по массиву, но для этого мне придется разобрать URLSearchParams на строку, сформировать из нее массив, пробежаться по нему оставив только те которые includes(key), а потом заново превратить в строку и пихнуть ее в new URLSearchParams(string) для отправки на сервер
вот и вопрос в целом звучит как из URLSearchParams убрать не разрешенные ключи.

[Александр]

Марат Иванов,

const href = 'https://example.com/?user=John&some_key=1&id=3';
const url = new URL(href);
const availableKeys = ['user', 'id'];
for (const key of [...url.searchParams.keys()]) {
    if (!availableKeys.includes(key)) {
        url.searchParams.delete(key);
    }
}
console.log(url.toString()); // 'https://example.com/?user=John&id=3'

[Марат Иванов]

Александр, если поставить const availableKeys = ['user'];

в итоге получается тот же результат. не фильтруется

console.log(url.toString()); // 'https://example.com/?user=John&id=3'

[Александр]

Марат Иванов, Поправил.