web-dev-qa-db-ja.com

varのみを使用してJavaScriptでブール値を宣言する

次のようなJavaScriptブール変数を宣言する場合:

var IsLoggedIn;

そして、trueまたは1のいずれかで初期化します、それは安全ですか?または、1で初期化すると、変数が数値になりますか?

87
mrblah

タイプは初期化に依存します。

var IsLoggedIn1 = "true"; //string
var IsLoggedIn2 = 1; //integer
var IsLoggedIn3 = true; //bool

しかし、この例を見てください:

var IsLoggedIn1 = "true"; //string
IsLoggedIn1 = true; //now your variable is a boolean

変数のタイプは、JavaScriptで割り当てられた値に依存します。

159
Canavar

いいえ、安全ではありません。後でvar IsLoggedIn = "Foo";を実行できますが、JavaScriptはエラーをスローしません。

することは可能です

var IsLoggedIn = new Boolean(false);
var IsLoggedIn = new Boolean(true);

ブール値以外の変数をnew Boolean()に渡すと、IsLoggedInブール値になります。

var IsLoggedIn = new Boolean(0); // false
var IsLoggedIn = new Boolean(NaN); // false
var IsLoggedIn = new Boolean("Foo"); // true
var IsLoggedIn = new Boolean(1); // true
19
Ólafur Waage

このように 非常に有用なチュートリアル は言う:

var age = 0;

// bad
var hasAge = new Boolean(age);

// good
var hasAge = Boolean(age);

// good
var hasAge = !!age;
8
pavv

IsLoggedInをブール値として処理する場合は、次のように初期化する必要があります。

var IsLoggedIn=true;

var IsLoggedIn=1;で初期化すると、整数として扱われます。

ただし、変数IsLoggedInはいつでも異なるデータ型を参照できます。

 IsLoggedIn="Hello World";

これによりエラーは発生しません。

7
zpesk

can初期化されていない変数を少なくとも「定義性」について使用およびテストします。このような:

var iAmNotDefined;
alert(!iAmNotDefined); //true
//or
alert(!!iAmNotDefined); //false

さらに、多くの可能性があります:正確な型に興味がない場合は、比較のために「==」演算子(または!偽物だと思う)。その場合、ユニット化された変数にtrueまたは1または '1'を割り当てると、尋ねられたときに常にtrueを返します。それ以外の場合(タイプセーフな比較が必要な場合)、比較に「===」を使用します。

var thisMayBeTrue;

thisMayBeTrue = 1;
alert(thisMayBeTrue == true); //=> true
alert(!!thisMayBeTrue); //=> true
alert(thisMayBeTrue === true); //=> false

thisMayBeTrue = '1';
alert(thisMayBeTrue == true); //=> true 
alert(!!thisMayBeTrue); //=> true
alert(thisMayBeTrue === true); //=> false
// so, in this case, using == or !! '1' is implicitly 
// converted to 1 and 1 is implicitly converted to true)

thisMayBeTrue = true;
alert(thisMayBeTrue == true); //=> true
alert(!!thisMayBeTrue); //=> true
alert(thisMayBeTrue === true); //=> true

thisMayBeTrue = 'true';
alert(thisMayBeTrue == true); //=> false
alert(!!thisMayBeTrue); //=> true
alert(thisMayBeTrue === true); //=> false
// so, here's no implicit conversion of the string 'true'
// it's also a demonstration of the fact that the 
// ! or !! operator tests the 'definedness' of a variable.

PS:ただし、存在しない変数の「定義性」をテストすることはできません。そう:

alert(!!HelloWorld);

参照エラーを返します(「HelloWorldが定義されていません」)

(「定義」のためのより良い言葉がありますか?とにかく私のオランダ人を許してください;〜)

5
KooiInc

Javascriptの変数には型がありません。非ゼロ、非ヌル、非空、およびtrueは「true」です。ゼロ、null、未定義、空の文字列、およびfalseは「false」です。

ただし、リテラルtrueおよびfalseのように、ブール型があります。

2
Eugene Morozov

このようなものはどうですか:

var MyNamespace = {
    convertToBoolean: function (value) {
        //VALIDATE INPUT
        if (typeof value === 'undefined' || value === null) return false;

        //DETERMINE BOOLEAN VALUE FROM STRING
        if (typeof value === 'string') {
            switch (value.toLowerCase()) {
                case 'true':
                case 'yes':
                case '1':
                    return true;
                case 'false':
                case 'no':
                case '0':
                    return false;
            }
        }

        //RETURN DEFAULT HANDLER
        return Boolean(value);
    }
};

その後、次のように使用できます。

MyNamespace.convertToBoolean('true') //true
MyNamespace.convertToBoolean('no') //false
MyNamespace.convertToBoolean('1') //true
MyNamespace.convertToBoolean(0) //false

パフォーマンスについてはテストしていませんが、型から型への変換はあまり頻繁に行うべきではありません。

2
TruMan1

変数は、割り当てた型になります。最初はundefinedです。 'true'を割り当てると文字列になり、trueを割り当てるとブール値になり、1に割り当てると数値になります。後続の割り当てにより、後で変数のタイプが変更される場合があります。

1
AnthonyWJones