如何用JavaScript拼接URL参数值得到指定格式结果？

你可以通过两种方式实现参数值的格式转换：

方式一：直接获取指定参数（推荐，针对固定参数名） #

如果确定只需要提取filter_club_officer和filter_club这两个参数的值，直接用URLSearchParams.get()方法获取对应值再拼接更高效：

const searchParams = new URLSearchParams('filter_club_officer=President&filter_club=Houston%20Club');

// 获取两个参数的对应值
const officerValue = searchParams.get('filter_club_officer');
const clubValue = searchParams.get('filter_club');

// 拼接成目标格式
const formattedResult = `${officerValue}-${clubValue}`;
console.log(formattedResult); // 输出：President-Houston%20Club

方式二：遍历所有参数值（适用于参数数量不固定的场景） #

如果后续可能新增参数，需要动态拼接所有参数值，可先收集所有值到数组，再用连字符连接：

const searchParams = new URLSearchParams('filter_club_officer=President&filter_club=Houston%20Club');

const paramValues = [];
// 遍历参数，解构出键和值，只收集值
for (const [_, value] of searchParams) {
  paramValues.push(value);
}

// 用连字符连接所有值
const formattedResult = paramValues.join('-');
console.log(formattedResult); // 输出：President-Houston%20Club

原代码的问题说明 #

你之前的循环里只是获取了每个参数的param[1]（即参数值），但没有把这些值存储起来并完成拼接。上面的代码通过数组收集值，再用join('-')方法实现了最终的格式转换。

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