如何使用URLSearchParams删除查询字符串中的关联数组变量conditions

问题原因 #

URLSearchParams的delete()方法只能精确匹配完整的参数键名，你场景里的conditions是数组嵌套结构，实际参数键名是conditions[0][0][field]、conditions[1][0][value]这类带索引后缀的形式，并不是纯conditions，所以直接调用params.delete('conditions')匹配不到任何参数，自然删不掉。

解决代码 #

直接遍历所有参数键，筛选出所有以conditions[开头的键逐一删除即可：

var string = '?page=foo&sub=bar&conditions%5B0%5D%5B0%5D%5Bfield%5D=firstname&conditions%5B0%5D%5B0%5D%5Boperator%5D=is&conditions%5B0%5D%5B0%5D%5Bvalue%5D=John&conditions%5B1%5D%5B0%5D%5Bfield%5D=lastname&conditions%5B1%5D%5B0%5D%5Boperator%5D=is&conditions%5B1%5D%5B0%5D%5Bvalue%5D=Doe';
var params = new URLSearchParams(string);

console.log('Before', params.toString());

params.delete('sub');

console.log('remove sub works', params.toString());

// 新增删除所有conditions相关参数的逻辑
// 先把所有匹配的键收集起来再删，避免边遍历边删导致索引错乱
const keysToDelete = [];
for (const key of params.keys()) {
  if (key.startsWith('conditions[')) {
    keysToDelete.push(key);
  }
}
keysToDelete.forEach(key => params.delete(key));

console.log('conditions已完全删除', params.toString());

代码说明 #

• 不能直接在遍历params.keys()的时候执行删除操作，因为URLSearchParams的遍历是实时的，边遍历边删会导致部分键被跳过
• 用startsWith('conditions[')匹配可以保证不会误删其他前缀带conditions的普通参数，比如存在conditionsInfo这类参数时也不会被误删

内容的提问来源于stack exchange，提问作者Xaver