【javascript】console.log で辞書型のデータを指定すると[object Object]と表示されるけど中身を表示させたい

console.log で辞書型のデータを指定すると[object Object]と表示されるけど、中身を表示させたい場合の対応をここにメモします。

対応策

JSON.stringify

JSON.stringifyを使ってオブジェクトをJSON形式の文字列に変換し、それをconsole.logで表示する方法です。

const person = {
    name: "山田太郎",
    age: 30,
    job: "エンジニア",
    address: {
        city: "東京",
        postalCode: "100-0001"
    }
};

console.log(JSON.stringify(person));

console.dir

console.dir は、オブジェクトのすべてのプロパティを探索して表示するのに適しています。デフォルトでは、console.dir は depth というオプションを持ち、オブジェクトのネストされたレベルを指定できます。

const person = {
    name: "山田太郎",
    age: 30,
    job: "エンジニア",
    address: {
        city: "東京",
        postalCode: "100-0001"
    }
};

console.dir(person, { depth: null });