Question

我有一些代码会返回意外结果。

HTML：

<select name="cc_dropdown[0]" id="cc-dropdown-0" style="display: none;">
    <option value="">Select a card</option>
    <option value="0" selected="selected">***********8431</option>
    <option value="-1">Use a new card</option>
</select>

JS：

var ccVal = parseInt($("#cc-dropdown-0 option:selected").val());
var errors = [];

if( ccVal == -1 ) {
        if( $('#cc_number-'+bIdx).val().length <= 0 || !isValidCreditCardNo($('#cc_number-'+bIdx).val()) ) {
            errors.push('Invalid Credit card Number');
        }

        if( $('#cc_name-'+bIdx).val().length <= 0 ) {
            errors.push('Please provide the name on the credit card.');
        }

        if($('#cc_exp_month-'+bIdx).val() == ""){
            errors.push('Please Select an Expiration Date.');
        }

        if($('#cc_exp_year-'+bIdx).val() == ""){
            errors.push('Please Select an Expiration Date.');
        }

        if( !isValidZipcode($('#cc_zip-'+bIdx).val())){
            errors.push('Please enter a valid zipcode.');
        }
    }    else if ( ccVal == 'na' || ccVal == '' || isNaN(ccVal)) {
        console.log("ccVal inside else if: " + ccVal);
        console.log("ccVal type: " + typeof ccVal);
        errors.push('Please select a credit card, or enter a new one.')
    }
else {
    console.log("else");
    errors.push("Arg!");
}
console.dir(errors);

在这种情况下，ccVal为0，但它落入了else if语句。我希望只有当它不是一个数字时才会发生。预期的结果是它应该属于最终的else语句。这是一个带有结果的JSFiddle：http://jsfiddle.net/n2Uy7/

任何人都可以解释为什么会这样吗？如果它为0，则不应该点击if或else if语句。 JS是否认为0为NaN，即使typeof表示它是一个数字？

Answer 1

0 == ''为true，因此isNaN部分甚至无法获得评估。

使用===代替==。

Answer 2

您正在与“仅”双等号相比较，所以0 == ''（在浏览器的控制台中尝试）。

解决问题的一种方法是使用三等号。另一种方法是完全删除parseInt，因此ccVal将保持字符串。然后，字符串到字符串的比较将按预期运行（'' != '0'）。

删除parseInt也会解决另一个问题（你没有传入基数，但必须）。为什么还有呢？

javascript IsNaN和0

2 个答案: