Javascript是一種非常流行的編程語言，它非常靈活且易于使用，可以用來完成各種任務。其中一個常見的任務是打印object，也就是打印一個對象的所有屬性和值。這在開發過程中非常有用，因為它可以幫助我們更好地了解對象的結構和內容，在進行調試時也可以方便我們進行查找和解決問題。

打印object最簡單的方法是使用console.log()函數。例如：

var person = {
name: "Jay",
age: 30,
gender: "male",
hobby: ["reading", "cooking", "swimming"]
}
console.log(person);

執行這段代碼后，我們會在控制臺看到如下輸出：

{name: "Jay", age: 30, gender: "male", hobby: Array(3)}
age: 30
gender: "male"
hobby: (3) ["reading", "cooking", "swimming"]
name: "Jay"
__proto__: Object

打印出的是person對象以及該對象的所有屬性和值。我們可以看到對象包含了name、age、gender以及hobby屬性，而hobby屬性內部是一個包含了3個元素的數組。如果我們只需要打印出對象的某個屬性，可以使用如下語句：

console.log(person.age);

這樣會輸出對象的age屬性值，即：

30

除了使用console.log()函數，我們還可以使用JSON.stringify()方法來打印object。該方法會把對象轉化為字符串，我們可以這樣使用：

var person = {
name: "Jay",
age: 30,
gender: "male",
hobby: ["reading", "cooking", "swimming"]
}
console.log(JSON.stringify(person));

執行這段代碼后，我們會看到如下輸出：

{"name":"Jay","age":30,"gender":"male","hobby":["reading","cooking","swimming"]}

與console.log()函數輸出的結果相比，使用JSON.stringify()方法會輸出一個JSON格式的字符串。如果我們希望字符串的格式更易讀，可以傳遞第二個參數來控制縮進：

console.log(JSON.stringify(person, null, 2));

執行這段代碼后，我們會看到如下輸出，字符串的格式更易讀：

{
"name": "Jay",
"age": 30,
"gender": "male",
"hobby": [
"reading",
"cooking",
"swimming"
]
}

除了控制臺輸出，我們還可以將對象的內容動態地渲染到頁面上。為了打印object到HTML頁面上，我們可以使用innerHTML屬性：

var person = {
name: "Jay",
age: 30,
gender: "male",
hobby: ["reading", "cooking", "swimming"]
}
document.getElementById("output").innerHTML = JSON.stringify(person, null, 2);

在這個例子中，我們通過id獲取了頁面上的元素output，并把person對象用JSON.stringify()方法轉化為一個易讀的字符串，并賦值給了innerHTML屬性。這樣，我們就可以在output元素上看到如下輸出：

{
"name": "Jay",
"age": 30,
"gender": "male",
"hobby": [
"reading",
"cooking",
"swimming"
]
}

最后，需要注意的是，在打印object時遇到循環引用的情況需要特殊處理。例如：

var a = {};
var b = {};
a.b = b;
b.a = a;
console.log(a); // 會出現循環引用的錯誤！

在這個例子中，a和b對象互相引用，當我們使用console.log()函數打印a的時候，會導致循環引用錯誤。解決方式是使用第三方庫，例如lodash或者jquery，它們都提供了處理循環引用對象的能力。