document.writeは、そのスクリプトがあるページのHTMLに引数を書き込みます。これはHTMLのソースコードに追記する内容をそのまま指定すると考えるとわかりやすいでしょうか。すなわち、与える引数は必ず文字列(String)になり、それ以外の場合は何らかの形で文字列に直されたあと書き込まれます(質問文の例では、配列が渡されたのでカンマ区切りの文字列に直されています)。
それに対して、console.logは開発者向けの機能で、どちらかというと開発途中のコードの中で使われるものです。大抵のブラウザではデバッグツール(開発者用の機能を提供するブラウザ内蔵のツール)のログに出力されるのですが、この出力方法の詳細は特に共通仕様として定められているわけではないので、デバッグツールの機能によって出力形態が決まります。
例えば、Google Chromeのデバッグツールでは、渡されたものが文字列ならばそのままログとして出力されますが、配列やオブジェクト、関数が渡された場合はその中身が見えるように出力されます。表示方法もデバッグツールとして使いやすいように工夫され、コードの色分けがなされたり、大量の要素がある配列の一部が省略されたりといった加工がなされます。