Console.logには表示されるが、Document.writeに表示されない？

Question

Console.logには表示されるが、Document.writeに表示されない理由を教えてください。

Javascriptの超初心者ですが、練習中に疑問に思うことがありますので、教えてください。
同じコードであれば、Console.logとdocument.writeに同じ内容が表示されると思いましたが、
なぜか違う内容が表示されます。理由を教えていただければ幸いです。

ソースコード

const a = {a: 'a'};
const b = {b: 'b'};

let c = Object.assign(a, b);

document.write(a);
console.log(a);

試した結果

◆ document.write表示：
[object Object]

◆ console.log表示：
{a: "a", b: "b"}
a: "a"
b: "b"

Comments

[kei344]

まだ質問が「受付中」になっていますが、「ベストアンサー」を選び「解決済」にされてはいかがでしょうか。

Answer 1

console.logはデバッグ用の関数なので、引数のオブジェクトを、デバッグにわかりやすい形で表示します。

一方、document.writeの引数は文字列と決まっていますので、文字列以外のものを渡すと文字列に強制変換されます。

Comments

[kinsncn]

ありがとうございました。　助かりました。

[maisumakun]

それ以前の問題として、document.writeは過去の名残のようなものなので、いま書くコードには使わないほうがいいです。

[kinsncn]

何度も丁寧に、ありがとうございました。