本文介绍如何将数组中的商品 id 和数量安全拼接到 url 中，避免末尾多余逗号，并推荐使用现代 javascript 方法（如 `map()` 和 `join()`）实现简洁、健壮的参数构造逻辑。
在电商场景中，常需将用户勾选的多个商品（含 ID 和购买数量）一次性添加到购物车，典型方式是通过重定向至类似 /cart/?add-to-cart=7464:1,7465:2,7466:3 的 URL。若手动用 for 循环拼接字符串，极易因边界判断失误（如 i == length 逻辑错误）导致末尾多出一个逗号——正如提问者所遇问题：if(!(i == that.productsSelected.length)) 实际永远为真（因索引 i 最大为 length-1），致使每个项后都追加了 ,。
更优解是采用函数式方法：利用 Array.prototype.map() 提取并格式化每一项，再用 Array.prototype.join(',') 自动以逗号连接，天然规避首尾分隔符问题。代码如下：
const cartParams = that.productsSelected
.map(item => `${item.id}:${item.quantity}`)
.join(',');
window.location.href = `/cart/?add-to-cart=${encodeURIComponent(cartParams)}`;✅ 关键优势说明：
- map() 返回新数组，不修改原数据，语义清晰；
- join(',') 仅在元素间插入分隔符，绝不在开头或结尾添加；
- 使用 encodeURIComponent() 对参数值进行编码，防止 ID 或 quantity 中含特殊字符（如 &, =, 空格、中文等）破坏 URL 结构；
- 若 productsSelected 为空数组，join(',') 返回空字符串，URL 变为 /cart/?add-to-cart=，符合多数电商平台的容错设计（可后续服务端校验）。
⚠️ 注意事项：
立即学习“Java免费学习笔记（深入）”；
- 避免直接拼接未编码的变量到 URL（如 ${item.id}），否则 id="746&qty=2" 会导致解析错误；
- 不建议在循环中反复字符串累加（param += ...），尤其对大数据量性能较差；
- 若后端要求参数键名为 add-to-cart[] 或支持重复键，可改用 ?add-to-cart[]=7464:1&add-to-cart[]=7465:2 格式（配合 URLSearchParams 构造）。
综上，告别易错的手动拼接，拥抱声明式、可读性强且鲁棒的 map + join 组合，是构建动态 URL 的最佳实践。
