javascript - 什么是编写代码的更简单的方法来总结 JavaScript 中包括空值和未定义的字符串的长度

Question

我想在下面的检查中添加一些防御性编码。我有 3 个字符串，我想知道它们中是否有任何内容(出于我的目的，null 或 undefined 表示它们中没有任何内容)。

if (twitterUrl.length + facebookUrl.length + linkedInUrl.length > 0) {

这可行，但感觉非常笨重。我使用 TypeScript，但不确定是否有什么可以帮助我解决这个问题。

    if ((twitterUrl ? twitterUrl.length : 0) +
        (facebookUrl ? facebookUrl.length : 0) +
        (linkedInUrl ? linkedInUrl.length : 0) > 0) {

Answer 1

您可以利用空字符串是虚假¹ 的事实。如果您知道它们将是字符串或 null 或 undefined 并且您无需担心其中只有空格的字符串 ("" 是真实的¹)，那么:

if (twitterUrl || facebookUrl || linkedInUrl) {

如果您需要担心 trim ，那么可能需要一个辅助函数:

function present(s) {
    return s && (typeof s !== "string" || s.trim());
}

和

if (present(twitterUrl) || present(facebookUrl) || present(linkedInUrl)) {

或

if ([twitterUrl, facebookUrl, linkedInUrl].some(present)) {

---

¹ falsy 和 truthy:当您在条件中使用一个值(如 if)时，JavaScript 会隐式将该值强制转换为一个 bool 值。强制为 false 的值是 falsy；强制为 true 的是 truthy。伪值是 ""、null、undefined、0、NaN、当然，false。所有其他值(包括 "")都是真实的。