在前端开发中，字符串的处理是一个非常基础且重要的操作。在拼接字符串的过程中，我们经常需要使用到分隔符来将多个字符串连接起来。但是，在实际的开发中，如果字符串为空或者为undefined，就会产生一些问题，比如连接出来的字符串可能会出现多余的分隔符，导致后续的操作出现异常。因此，本文来介绍一种方法，只有当字符串不为空或者未定义时，才与分隔符连接字符串。
问题的解决
在 JavaScript 中，我们可以使用 String.prototype.trim() 方法来去除字符串两侧的空格。然后，我们可以使用逻辑运算符 && 来判断字符串是否为空或者未定义，如果是，则返回一个空字符串；否则，返回原字符串。
最后，我们就可以使用模板字符串来进行字符串拼接，其中通过${}语法来引用上述处理后的字符串，并加上想要的分隔符。
下面是示例代码：
-- -------------------- ---- -------
----- ------------------- - ----------- ---------- -- -
------ ------
---------- -- ----- -- -------------
------------- -- ----- --- --------- -- ----- --- ---- -- ----- --- ---
-----------------
-
----- ---- - ----
----- ---- - - - --
----- ---- - ---
----- ---- - ----------
----- ---- - -----
----- ------ - ------------------------ ----- ----- ----- ----- ------
-------------------- -- -----在上面的代码中，我们定义了一个 joinNonEmptyStrings 函数，该函数接收一个 separator 参数和多个字符串参数。然后，我们对每个字符串进行了处理，去除两侧的空格，并过滤掉空的、未定义或者 null 的字符串。最后，使用 join 方法来将剩余的字符串连接起来，并使用传入的分隔符进行连接。
总结
通过本文的介绍，我们学习了如何只有当字符串不为空或者未定义时，才与分隔符连接字符串。这种方法可以有效地避免连接出现多余的分隔符的问题，提高代码的可读性和健壮性。如果你在开发中也遇到了类似的问题，不妨尝试一下这种方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/15247