JavaScriptのBooleanオブジェクトのif文での評価について

Question

JavaScriptについての質問です
図書館で借りた本にこう書いてあり実行してみたら確かにそうなったのですが
なぜこのような結果になったのか意味が分かりません
なぜBoolean(false)をif()に与えたらtrueになるのでしょうか？

var a = new Boolean(false);//aにfalseを引数としたBooleanオブジェクトを代入する
var b = new Boolean("false");//bに"false"という文字列を引数としたBooleanオブジェクトを代入する
document.write(a.toString() + "<BR>");
document.write(b.toString() + "<BR>");
var c = new Boolean(a);//新しく生成したオブジェクトの引数にオブジェクトを使うと真偽値はtrueになる
document.write(c.toString() + "<BR>");
if(a)document.write(a.toString() + "<BR>");//if文でfalseの値を持つaを評価しているのに実行される

教えてほしいのは一番最後の文です

Comments

[m.ts10806]

console.log()は分かりますか？

Answer 1

aはオブジェクトなので真です。
その前のcのところで確認したばかりです。

参考：https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Boolean

Answer 2

if 文

if 文は内部的に ToBoolean 演算子によって、Boolean 型に変換し、変換値が true なら if に後続する文(Statement)を実行します。

• 13.6 The if Statement - ECMAScript® 2018 Language Specification
• 13.6.7 Runtime Semantics: Evaluation - ECMAScript® 2018 Language Specification
• 7.1.2 ToBoolean - ECMAScript® 2018 Language Specification

Boolean()

Boolean() は ToBoolean 演算子によって Boolean 型に変換しますが、new 演算子で呼び出されたなら、返り値は Object 型です。

• 19.3.1.1 Boolean - ECMAScript® 2018 Language Specification
• 12.3.3 The new Operator - ECMAScript® 2018 Language Specification

console.log(typeof Boolean(false));     // "boolean"
console.log(typeof new Boolean(false)); // "object"

従って、ToBoolean 演算子に new Boolean を引数に与えた評価値は true になります。

console.log(Boolean(false));              // false
console.log(Boolean(new Boolean(false))); // true

Re: otuki0191 さん

Answer 3

.toString()した上で出力していてはその変数の情報を正しく認識できないので、
console.log()で型なども含めて出力された方が良いです。

var a = new Boolean(false);
var b = new Boolean("false");
var c = new Boolean(a);
console.log(a);
console.log(b);
console.log(c);
/*
[Boolean: false]
[Boolean: true]
[Boolean: true]
*/

となります。
これはあくまでBooleanオブジェクトとしてそれぞれの値を持っているだけです。
ifではあくまでその変数自体の真偽を判定するので、
if(a)
↑これは「aという変数自体が存在するか」に近いことを判定しようとしているため、常にtrueです。

「持ってる値」で確認したければ例えば下記

if(a.valueOf()){
    console.log("a:true");
}else{
    console.log("a:false");
}