javascript - 将值附加到 URL 搜索参数

Question

我正在尝试向 URL 中的搜索参数添加一个值，但它部分不起作用。例如我有这个 URL:

http://localhost.com/?color=Green&size=L

我现在如何向用 , 分隔的颜色添加第二个值？

这是设置第二个参数后 URL 的样子:

http://localhost.com/?color=Green,Red&size=L

我已经在这里尝试过:

window.history.pushState(null, null, window.location.search + ',' + 'Red');

但结果是:

http://localhost.com/?color=Green,Red&size=L,Red

那么如何在我的 URL 中的搜索参数中添加逗号分隔值？

Answer 1

使用正则表达式匹配color=...参数。

window.history.pushState(null, null, window.location.search.replace(/\bcolor=[^&]*/, '$&,Red'));