将逗号分隔键值对字符串转为HttpParams的实现方案咨询

我有一个由逗号分隔的列-值对字符串，需将其作为参数传入HttpParams。示例实现代码如下，烦请告知该方式是否正确，或是否需要调整：

let tmpValues = "Col1=Val1,Col2=Val2"
let SplitVals = tmpValues.split(",")
let params = new HttpParams();
foreach(var val in SplitVals )
{ var colVl = val.split("=")
   params.append(colVl[0], colVl[1]);  
}

代码问题及调整方案 #

• HttpParams不可变特性问题：Angular的HttpParams是不可变对象，调用append()不会修改原实例，而是返回新实例，必须将返回值重新赋值给params，否则原params不会有任何变化。
• 语法错误：JavaScript/TypeScript中没有foreach关键字，遍历数组要使用for...of；另外建议用let/const替代var，避免变量提升带来的潜在问题。
• 异常场景未覆盖：如果字符串存在格式错误（比如无=符号、单个项含多个=），拆分后的数组长度可能不是2，直接取值会导致错误，需要增加校验逻辑。

修正后的代码 #

const tmpValues = "Col1=Val1,Col2=Val2";
const splitVals = tmpValues.split(",");
let params = new HttpParams();

for (const val of splitVals) {
  const colVl = val.split("=");
  // 确保拆分后是有效的键值对，且键不为空
  if (colVl.length === 2 && colVl[0].trim()) {
    params = params.append(colVl[0].trim(), colVl[1].trim());
  }
}

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