如何仅当值不为0时将其追加到URL字符串中

嘿，这个需求其实挺常见的，我给你分享几个简单好用的解决办法，都是日常开发里常用的思路～

方法一：模板字符串 + 三元运算符 #

你之前提到试过三元运算符，应该是写法没到位？其实用ES6的模板字符串配合三元判断就能轻松搞定，逻辑清晰又简洁：

const query = "exampleQuery";
const language = "en"; // 这里可以换成0来测试不同情况
const url = `https://google.com?search=${query}${language !== 0 ? `&lang=${language}` : ""}`;

原理很简单：先写好固定的search参数部分，后面通过三元判断language是否不等于0——如果是，就拼接&lang=${language}；如果不是（也就是等于0），就拼接空字符串，相当于啥也不加。

方法二：用URLSearchParams（更优雅的可扩展方案） #

如果以后你可能要加更多可选参数，推荐用浏览器原生的URLSearchParams，它能帮你自动处理参数拼接、编码这些细节，代码可读性也更高：

const query = "exampleQuery";
const language = 0; // 切换成"en"试试效果
const params = new URLSearchParams();

// 先添加必选的search参数
params.append("search", query);

// 只有当language不为0时，才添加lang参数
if (language !== 0) {
  params.append("lang", language);
}

// 最后拼接成完整URL
const url = `https://google.com?${params.toString()}`;

这种方式的好处是，以后要加其他可选参数（比如&page=2），直接再加个条件判断和append就行，不用手动拼接字符串，不容易出错。

另外你提到的可选链（?.），它主要是用来处理对象属性可能不存在的场景（比如user?.name），确实不适合用来做字符串的条件拼接，所以还是上面这两种方法更合适～

测试一下两种情况：

• 当language == 0时，最终URL是https://google.com?search=exampleQuery
• 当language == "en"时，最终URL是https://google.com?search=exampleQuery&lang=en

完全符合你的需求～

备注：内容来源于stack exchange，提问作者wynnawinner