如果条件不影响 div 的显示

Question

我在 StackOverflow 上进行了搜索，但没有任何问题符合我的具体困境。我有一个类 foo 的 div，它通过 css 设置为 display: inline-block。 p>

我希望 foo 在变量 temp 是数字或字符串时可见，但 不显示 当它不是数字或字符串。

var temp;
        if (temp !== undefined || temp !== null) {
            temp = temp / 1000;
            temp = temp + 'K';
            $('.foo').css("display", "inline-block");
        }
        else {
            $('.foo').css("display", "none");
        }

当我运行这段代码时，“foo”根本不显示。

当我将代码更改为

var temp;
        if (temp != undefined || temp != null) {
            temp = temp / 1000;
            temp = temp + 'K';
            $('.foo').css("display", "inline-block");
        }
        if  (temp == undefined || temp == NaN) {
            $('.foo').css("display", "none");
        }

foo 仍然全部设置为 display:"none"

我在每个 if 上运行 console.log，当 temp 是一个值时，它确实会通过first if 以及当它是 NaN 或 null em> 它确实经历了 second if。但是为什么ONLY display: "none" 会生效呢？

提前谢谢你。 - VS

编辑 在第一个代码块中更改第一个代码

澄清一下，如果使用 .get 函数，temp 会不断被重置为高于此值的新值：

var temp =this.model.get('custitem_temp');

并且该值已成功设置多次。我的一些控制台供参考：

temp is set using .get: 80000
temp inside FIRST IF: 80000
temp is set using .get: undefined
temp inside FIRST IF: undefined
temp is set using .get: undefined
temp inside FIRST IF: undefined
temp is set using .get: 80000
temp inside FIRST IF: 80000
temp is set using .get: undefined
temp inside FIRST IF: undefined
temp is set using .get: 80000
temp inside FIRST IF: 80000
temp is set using .get: undefined

...

等等。

EDIT02：

感谢您的所有帮助。因此，根据建议，我的代码现在正在划分 undefined 和 values

         if (temp === undefined || temp === null) {
            console.log("temp (should be undefined): " + temp)
            console.log("inside IF");;  
            $('.foo').css("display", "none");
         }
         else {
            console.log("temp (should be a value): " + temp)
            console.log("inside ELSE: " + temp);    
            temp = temp / 1000;
            temp = temp + 'K';
            $('.foo').css("display", "inline-block");
            console.log("after ELSE: " + temp);
        }

和控制台反映：

temp (should be a value): 80000
inside ELSE: 80000
after ELSE: 80K
temp (should be undefined): undefined
inside IF
temp (should be undefined): undefined
inside IF
temp (should be a value): 80000
inside ELSE: 80000
after ELSE: 80K
...

尽管如此，我仍然得到 display: none; on foo

编辑 03：

我添加了一个console.log来输出显示值：

            if (temp === undefined || temp === null) {
            console.log("temp (should be undefined): " + temp)
            console.log("inside IF");
            $('.foo').css("display", "none");
            console.log( "display value: " + $('.foo').css('display') );
         }
         else {
            console.log("temp (should be a value): " + temp)
            console.log("inside ELSE: " + temp);    
            temp = temp / 1000;
            temp = temp + 'K';
            $('.foo').css("display", "inline-block");
            console.log("after ELSE: " + temp);
            console.log( "display value: " + $('.foo').css('display') );
        }

我的控制台日志提供了一些有趣的见解： 像以前一样开始，除了说显示值为 undefined

temp (should be a value): 80000
inside ELSE: 80000
after ELSE: 80K
display value: undefined
temp (should be undefined): undefined
inside IF
display value: undefined
temp (should be undefined): undefined
inside IF

但是在大​​约 9 次循环之后，它开始分配一个值来显示：

temp (should be a value): 80000
inside ELSE: 80000
after ELSE: 80K
display value: undefined
temp (should be undefined): undefined
inside IF
display value: none
temp (should be undefined): undefined
inside IF
display value: none
temp (should be a value): 80000
inside ELSE: 80000
after ELSE: 80K
display value: block
temp (should be undefined): undefined
inside IF
display value: none

有什么解释吗？

Answer 1

您检查过您的控制台吗？您的第二个 if 语法错误。应该是这样的

if (tempMileageWarranty == undefined || tempMileageWarranty == NaN)'

把复制粘贴错误放在一边……

.foo 被设置为 display: none;，因为 temp 未定义..

代码var temp; 将使temp 未定义（传递您的第二个if），因为它从未被赋值。

这可能是一些有用的阅读：JavaScript checking for null vs. undefined and difference between == and ===

Answer 2

t = typeof(temp);   
if(t == "undefined")
{
    console.log(temp +": do not display");  
}
else if(t == 'number' || t == 'string') {
    console.log(temp +": It is "+t+".So display the foo");
}

试试这个代码。我用 temp.80000,"Foo",undefined 的 3 个值检查它，我在控制台中得到的结果是这样的。

80000: It is number.So display the foo
foo: It is string.So display the foo
undefined: do not display

希望对你有所帮助。

Answer 3

快速笔记。想知道您是否注意到这里的双分号。

console.log("inside IF");;  

此外，如果 temp 并确保它不为空，我只需对定义的状态进行快速简单的检查。

if (temp && temp !== null) {
         console.log("temp (should be a value): " + temp)
        console.log("inside ELSE: " + temp);    
        temp = temp / 1000;
        temp = temp + 'K';
        $('.foo').css("display", "inline-block");
        console.log("after ELSE: " + temp);
 } else {
        console.log("temp (should be undefined): " + temp)
        console.log("inside IF");
        $('.foo').css("display", "none");
    }