網頁前端新手上路辛酸史

這次來講一下物件Object

var person="human"

其中，person是屬於變量，human是值。

當然也可以一次包含多個值

var person={firstname:"Bruce",lastname="Yang",age=25,}

上面例子中，

包含了3個值: Bruce,Yang,25

包含了3個變量:firstnamr,lastname,age

這樣我們可以透過兩種方式來呼叫這些變數值。

https://jsbin.com/rofopud/edit?html,js,output

以範例來討論。

第一種方式 (person1)

直接用document.wite();寫出物件中了變量值

以上範例用了兩種不同的方式

document.write(person1.firstname+" ");   第一種用「點」的寫法，就不可以用變數去代表特性名稱。
document.write(person1["lastname"]);      第二種寫法，可以用變數去代入array的index。

第二種方式

直接寫入HTML裡，利用document.getElementById("name")將資料寫入Id為name的p元素裡。

依樣用了兩種方式來將變數內的值寫入到指定的id位置

document.getElementById('name2').innerHTML = person2.firstname+" "+person2.lastname;
document.getElementById('id2').innerHTML = person2["id"];